From 11374a8f79e05d28f3a25b36de6c1631c6e1c2d9 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 20:00:51 +0500 Subject: [PATCH 01/14] Foundations: PHP 8.4, Laravel 12/13, next-gen dependencies, Pint, CI matrix and Codecov - Require javaabu/forms ^2, manifest, permissions ^3, stencil and block-editor; drop javaabu/helpers, javaabu/activitylog v1 and javaabu/forms v1 - File types, mime types and upload sizes come from config (Support\FileTypes) - Media no longer implements AdminModel or logs activity by itself - Pint with the Javaabu rules, CI on PHP 8.4/8.5 x Laravel 12/13 x lowest/stable, coverage to Codecov, a guard against javaabu/helpers and settings ^1 - The old material-admin page tests are incomplete until the new views land (#9) Refs #1 Co-Authored-By: Claude Opus 5.5 --- .github/coverage.svg | 20 --- .github/workflows/run-tests.yml | 73 --------- .github/workflows/tests.yml | 101 ++++++++++++ .gitignore | 2 + .php_cs.dist.php | 35 ----- README.md | 10 +- composer.json | 75 +++++++-- config/mediapicker.php | 144 ++++++++++-------- ..._03_20_142419_create_attachments_table.php | 4 +- phpunit.xml.dist | 8 +- pint.json | 20 +++ .../AttachmentFilesystem.php | 3 - src/AttachmentCollections/MediaAdder.php | 6 +- src/Commands/AttachmentsCleanCommand.php | 2 +- src/Commands/AttachmentsRegenerateCommand.php | 2 +- src/Concerns/InteractsWithAttachments.php | 69 +++------ src/Concerns/OwnsMedia.php | 4 +- src/Contracts/Attachment.php | 1 - src/Contracts/HasAttachments.php | 20 +-- src/Contracts/MediaOwner.php | 2 +- .../PerformAttachmentConversionAction.php | 2 +- .../PerformAttachmentManipulationsAction.php | 2 +- .../AttachmentConversionCollection.php | 3 +- src/Conversions/MediaManipulator.php | 4 +- src/FileRemover/AttachmentFileRemover.php | 17 +-- .../AttachmentFileRemoverFactory.php | 2 +- src/Http/Controllers/MediaController.php | 94 ++++++------ src/Http/Requests/MediaRequest.php | 6 +- src/Mediapicker.php | 10 +- src/MediapickerServiceProvider.php | 3 +- src/Models/Media.php | 48 ++---- src/Policies/MediaPolicy.php | 9 -- src/Support/FileTypes.php | 128 ++++++++++++++++ .../Commands/AttachmentsCleanCommandTest.php | 2 +- .../AttachmentsRegenerateCommandTest.php | 14 +- .../Controllers/MediaControllerTest.php | 30 ++-- tests/TestCase.php | 30 ++-- tests/TestSupport/Factories/PostFactory.php | 2 +- .../Models/ModelWithConversions.php | 7 +- .../Models/ModelWithMultipleConversions.php | 7 +- .../Models/ModelWithSameConversions.php | 7 +- .../Models/ModelWithSingleFile.php | 6 - .../Models/ModelWithUnacceptedFile.php | 6 +- .../Models/ModelWithUnacceptedMimeType.php | 6 - tests/TestSupport/Models/Post.php | 5 +- tests/TestSupport/Models/User.php | 9 +- .../Providers/TestServiceProvider.php | 5 +- .../database/create_posts_table.php | 9 +- .../database/create_users_table.php | 7 +- .../MediaAdderFactoryTest.php | 5 +- .../AttachmentCollections/MediaAdderTest.php | 48 +++--- .../Concerns/InteractsWithAttachmentsTest.php | 22 ++- .../AttachmentConversionCollectionTest.php | 3 - tests/Unit/Models/MediaTest.php | 12 +- 54 files changed, 616 insertions(+), 555 deletions(-) delete mode 100644 .github/coverage.svg delete mode 100644 .github/workflows/run-tests.yml create mode 100644 .github/workflows/tests.yml delete mode 100644 .php_cs.dist.php create mode 100644 pint.json create mode 100644 src/Support/FileTypes.php diff --git a/.github/coverage.svg b/.github/coverage.svg deleted file mode 100644 index de5e7b8..0000000 --- a/.github/coverage.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - coverage - - 83 % - - \ No newline at end of file diff --git a/.github/workflows/run-tests.yml b/.github/workflows/run-tests.yml deleted file mode 100644 index d415a0e..0000000 --- a/.github/workflows/run-tests.yml +++ /dev/null @@ -1,73 +0,0 @@ -name: tests - -on: - pull_request: - branches: - - main - push: - branches: - - main - - dev - -jobs: - tests: - runs-on: ${{ matrix.os }} - - strategy: - fail-fast: true - matrix: - os: [ ubuntu-latest ] - php: [ 8.4, 8.3, 8.2 ] - laravel: [ 13.*, 12.*, 11.*, ^10.2 ] - stability: [ prefer-lowest, prefer-stable ] - include: - - laravel: 13.* - testbench: 11.* - carbon: ^3.8.4 - - laravel: 12.* - testbench: 10.* - carbon: ^3.8.4 - - laravel: 11.* - testbench: ^9.16 - carbon: ^2.63 - - laravel: ^10.2 - testbench: 8.* - carbon: ^2.63 - exclude: - - laravel: 13.* - php: 8.2 - - name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }} - - steps: - - name: Checkout code - uses: actions/checkout@v4 - - - name: Install SQLite 3 - run: | - sudo apt-get update - sudo apt-get install sqlite3 -y - - - name: Setup PHP - uses: shivammathur/setup-php@v2 - with: - php-version: ${{ matrix.php }} - extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv - coverage: ${{ startsWith(github.event.head_commit.message, 'coverage') && matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' && 'xdebug' || 'none' }} - - - name: Install dependencies - run: | - composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" "nesbot/carbon:${{ matrix.carbon }}" --no-interaction --no-update - composer update --${{ matrix.stability }} --prefer-dist --no-interaction - - - name: Execute tests - run: | - vendor/bin/phpunit ${{ startsWith(github.event.head_commit.message, 'coverage') && matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' && '--coverage-clover=clover.xml' || '' }} - - - name: Make code coverage badge - if: startsWith(github.event.head_commit.message, 'coverage') && matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' - uses: timkrase/phpunit-coverage-badge@v1.2.1 - with: - coverage_badge_path: .github/coverage.svg - push_badge: true - repo_token: ${{ secrets.GITHUB_TOKEN }} diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml new file mode 100644 index 0000000..42a23dc --- /dev/null +++ b/.github/workflows/tests.yml @@ -0,0 +1,101 @@ +name: tests + +on: + pull_request: + push: + branches: + - main + - next-gen + workflow_dispatch: + +# The unreleased javaabu/* dependencies come from VCS repositories; the job's own +# token keeps Composer within GitHub's API limits +env: + COMPOSER_AUTH: '{"github-oauth": {"github.com": "${{ github.token }}"}}' + +jobs: + pint: + runs-on: ubuntu-latest + + name: Pint and dependencies + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: 8.4 + coverage: none + + - name: Install dependencies + run: composer update --prefer-dist --no-interaction --no-progress + + - name: Check code style + run: vendor/bin/pint --test + + # javaabu/helpers pins javaabu/settings ^1, which breaks installs next to settings v2 + - name: No javaabu/helpers or javaabu/settings ^1 in production dependencies + run: | + tree="$(composer show --tree --no-dev)" + if echo "$tree" | grep -E 'javaabu/helpers'; then + echo "javaabu/mediapicker must not depend on javaabu/helpers" + exit 1 + fi + if echo "$tree" | grep -E 'javaabu/settings (\^|~)?1'; then + echo "javaabu/mediapicker must not depend on javaabu/settings ^1" + exit 1 + fi + + tests: + runs-on: ubuntu-latest + + strategy: + fail-fast: false + matrix: + php: [ 8.4, 8.5 ] + laravel: [ 12.*, 13.* ] + stability: [ prefer-lowest, prefer-stable ] + include: + - laravel: 12.* + testbench: 10.* + - laravel: 13.* + testbench: 11.* + + name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} + + env: + COVERAGE: ${{ matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' }} + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: ${{ matrix.php }} + extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo + coverage: ${{ env.COVERAGE == 'true' && 'pcov' || 'none' }} + + - name: Install dependencies + run: | + composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update + composer update --${{ matrix.stability }} --prefer-dist --no-interaction --no-progress + + - name: Execute tests + if: env.COVERAGE != 'true' + run: vendor/bin/phpunit + + - name: Execute tests with coverage + if: env.COVERAGE == 'true' + run: vendor/bin/phpunit --coverage-clover build/coverage.xml + + - name: Upload coverage to Codecov + if: env.COVERAGE == 'true' + uses: codecov/codecov-action@v5 + with: + files: build/coverage.xml + fail_ci_if_error: false + token: ${{ secrets.CODECOV_TOKEN }} diff --git a/.gitignore b/.gitignore index 81d795b..8903f58 100644 --- a/.gitignore +++ b/.gitignore @@ -3,8 +3,10 @@ composer.lock vendor coverage .phpunit.result.cache +.phpunit.cache .php-cs-fixer.cache .idea +node_modules clover.xml tests/TestSupport/temp tests/temp diff --git a/.php_cs.dist.php b/.php_cs.dist.php deleted file mode 100644 index 8648fdc..0000000 --- a/.php_cs.dist.php +++ /dev/null @@ -1,35 +0,0 @@ -in([ - __DIR__ . '/src', - __DIR__ . '/tests', - ]) - ->name('*.php') - ->notName('*.blade.php') - ->ignoreDotFiles(true) - ->ignoreVCS(true); - -return (new PhpCsFixer\Config()) - ->setRules([ - '@PSR12' => true, - 'array_syntax' => ['syntax' => 'short'], - 'ordered_imports' => ['sort_algorithm' => 'alpha'], - 'no_unused_imports' => true, - 'not_operator_with_successor_space' => true, - 'trailing_comma_in_multiline' => true, - 'phpdoc_scalar' => true, - 'unary_operator_spaces' => true, - 'binary_operator_spaces' => true, - 'blank_line_before_statement' => [ - 'statements' => ['break', 'continue', 'declare', 'return', 'throw', 'try'], - ], - 'phpdoc_single_line_var_spacing' => true, - 'phpdoc_var_without_name' => true, - 'method_argument_space' => [ - 'on_multiline' => 'ensure_fully_multiline', - 'keep_multiple_spaces_after_comma' => true, - ], - 'single_trait_insert_per_statement' => true, - ]) - ->setFinder($finder); diff --git a/README.md b/README.md index 340028b..05fcd7d 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,9 @@ # Mediapicker -[![Latest Version on Packagist](https://img.shields.io/packagist/v/javaabu/mediapicker.svg?style=flat-square)](https://packagist.org/packages/javaabu/mediapicker) -[![Test Status](../../actions/workflows/run-tests.yml/badge.svg)](../../actions/workflows/run-tests.yml) -![Code Coverage Badge](./.github/coverage.svg) -[![Total Downloads](https://img.shields.io/packagist/dt/javaabu/mediapicker.svg?style=flat-square)](https://packagist.org/packages/javaabu/mediapicker) - - +[![Tests](https://github.com/n4ff4h/mediapicker/actions/workflows/tests.yml/badge.svg?branch=next-gen)](https://github.com/n4ff4h/mediapicker/actions/workflows/tests.yml?query=branch%3Anext-gen) +[![codecov](https://codecov.io/gh/n4ff4h/mediapicker/branch/next-gen/graph/badge.svg)](https://codecov.io/gh/n4ff4h/mediapicker/tree/next-gen) +[![Latest Version on Packagist](https://img.shields.io/packagist/v/javaabu/mediapicker.svg)](https://packagist.org/packages/javaabu/mediapicker) +[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) ## Introduction Allow for file uploads from a persistent storage diff --git a/composer.json b/composer.json index 77664b5..2cdacba 100644 --- a/composer.json +++ b/composer.json @@ -1,12 +1,15 @@ { "name": "javaabu/mediapicker", - "description": "Allow for file uploads from a persistent storage", + "description": "A media library for Laravel on spatie/laravel-medialibrary: Blade and Inertia React library pages, a picker field, attachments with their own conversions, an image cropper and javaabu/block-editor blocks", "homepage": "https://github.com/Javaabu/mediapicker", "license": "MIT", "keywords": [ "javaabu", "laravel", - "mediapicker" + "mediapicker", + "media-library", + "cropper", + "block-editor" ], "authors": [ { @@ -20,18 +23,57 @@ "role": "Developer" } ], + "repositories": [ + { + "type": "vcs", + "url": "https://github.com/Javaabu/block-editor" + }, + { + "type": "vcs", + "url": "https://github.com/Javaabu/forms" + }, + { + "type": "vcs", + "url": "https://github.com/Javaabu/manifest" + }, + { + "type": "vcs", + "url": "https://github.com/Javaabu/permissions" + }, + { + "type": "vcs", + "url": "https://github.com/Javaabu/stencil" + }, + { + "type": "vcs", + "url": "https://github.com/n4ff4h/translatable" + } + ], "require": { - "php": "^8.2", - "illuminate/support": "^10.2 || ^11.0 || ^12.0 || ^13.0", - "spatie/laravel-medialibrary": "^11.12", - "javaabu/helpers": "^1.70", - "javaabu/activitylog": "^1.5", - "javaabu/forms": "^1.67" + "php": "^8.4", + "illuminate/database": "^12.0 || ^13.0", + "illuminate/http": "^12.0 || ^13.0", + "illuminate/routing": "^12.0 || ^13.0", + "illuminate/support": "^12.0 || ^13.0", + "illuminate/view": "^12.0 || ^13.0", + "javaabu/block-editor": "^1.0@dev", + "javaabu/forms": "^2.0@dev", + "javaabu/manifest": "^1.0@dev", + "javaabu/permissions": "^3.0@dev", + "javaabu/stencil": "^1.0@dev", + "spatie/laravel-medialibrary": "^11.17" }, "require-dev": { - "laravel/pint": "^1.14", - "orchestra/testbench": "^8.0 || ^9.16 || ^10.0 || ^11.0", - "phpunit/phpunit": "^10.5 || ^11.5.3 || ^12.5.8 || ^13.0.3" + "inertiajs/inertia-laravel": "^2.0", + "javaabu/boost-javaabu-guidelines": "^1.0", + "javaabu/translatable": "^3.0@dev", + "laravel/pint": "^1.24", + "orchestra/testbench": "^10.0 || ^11.0", + "phpunit/phpunit": "^11.5.3 || ^12.5.8" + }, + "suggest": { + "inertiajs/inertia-laravel": "Renders the media library pages with Inertia React when mediapicker.views is inertia (^2.0)", + "javaabu/translatable": "Translates media names, descriptions, alt text and captions (^3.0)" }, "autoload": { "psr-4": { @@ -43,9 +85,15 @@ "Javaabu\\Mediapicker\\Tests\\": "tests/" } }, + "scripts": { + "test": "vendor/bin/phpunit", + "test-coverage": "vendor/bin/phpunit --coverage-clover build/coverage.xml", + "lint": "vendor/bin/pint --test", + "format": "vendor/bin/pint" + }, "extra": { "branch-alias": { - "dev-main": "1.0-dev" + "dev-next-gen": "1.x-dev" }, "laravel": { "providers": [ @@ -53,6 +101,9 @@ ] } }, + "config": { + "sort-packages": true + }, "minimum-stability": "dev", "prefer-stable": true } diff --git a/config/mediapicker.php b/config/mediapicker.php index 25d94bf..85f39f2 100644 --- a/config/mediapicker.php +++ b/config/mediapicker.php @@ -1,119 +1,143 @@ \Javaabu\Mediapicker\Models\Media::class, +return [ /* |-------------------------------------------------------------------------- - | Attachment Model + | Models |-------------------------------------------------------------------------- | - | Which model to use for Attachments. - | It should implement the Javaabu\Mediapicker\Contracts\Attachment interface - | and extend Illuminate\Database\Eloquent\Model. + | The media model must extend Javaabu\Mediapicker\Models\Media. Set it as + | spatie's media-library.media_model too. The attachment model must + | implement Javaabu\Mediapicker\Contracts\Attachment. | */ - 'attachment_model' => \Javaabu\Mediapicker\Models\Attachment::class, + 'media_model' => Media::class, - /* - * Controller used to upload and manage media - */ - 'media_controller' => \Javaabu\Mediapicker\Http\Controllers\MediaController::class, - - /* - * Collection name to be used for media picker uploads - */ - 'collection_name' => 'mediapicker', + 'attachment_model' => Attachment::class, /* |-------------------------------------------------------------------------- - | Attachment Observer + | Library collection |-------------------------------------------------------------------------- | - | Class used to observe changes to attachments + | The media collection on the owner (the user model) that holds its + | library uploads. | */ - 'attachment_observer' => \Javaabu\Mediapicker\Models\Observers\AttachmentObserver::class, + 'collection_name' => 'mediapicker', /* |-------------------------------------------------------------------------- - | Media Observer + | File types |-------------------------------------------------------------------------- | - | Class used to observe changes to medias + | What the library accepts, by type. Pickers and uploads can be limited to + | some types (`type="image"`). Each type has its mime types, a Lucide icon + | and an optional max_size in KB. SVG isn't in the defaults: an uploaded + | SVG can run scripts when it's opened from your domain. | */ - 'media_observer' => \Javaabu\Mediapicker\Models\Observers\MediaObserver::class, - - /* - * Here you can override the class names of the jobs used by this package. Make sure - * your custom jobs extend the ones provided by the package. - */ - 'jobs' => [ - 'perform_conversions' => \Javaabu\Mediapicker\Conversions\Jobs\PerformAttachmentConversionsJob::class, + 'file_types' => [ + 'image' => [ + 'mime_types' => ['image/jpeg', 'image/png', 'image/gif', 'image/webp', 'image/avif'], + 'icon' => 'image', + 'max_size' => null, + ], + 'video' => [ + 'mime_types' => ['video/mp4', 'video/webm', 'video/ogg', 'video/quicktime'], + 'icon' => 'film', + 'max_size' => null, + ], + 'audio' => [ + 'mime_types' => ['audio/mpeg', 'audio/mp3', 'audio/wav', 'audio/x-wav', 'audio/ogg', 'audio/mp4', 'audio/aac', 'audio/webm'], + 'icon' => 'music', + 'max_size' => null, + ], + 'document' => [ + 'mime_types' => [ + 'application/pdf', + 'application/msword', + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + 'application/vnd.ms-excel', + 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', + 'application/vnd.ms-powerpoint', + 'application/vnd.openxmlformats-officedocument.presentationml.presentation', + 'text/plain', + 'text/csv', + ], + 'icon' => 'file-text', + 'max_size' => null, + ], + 'archive' => [ + 'mime_types' => ['application/zip', 'application/x-zip-compressed'], + 'icon' => 'file-archive', + 'max_size' => null, + ], ], - /* - * The class that contains the strategy for determining how to remove files. - */ - 'file_remover_class' => \Javaabu\Mediapicker\FileRemover\AttachmentFileRemover::class, - /* |-------------------------------------------------------------------------- - | Default CSS Framework + | Upload size |-------------------------------------------------------------------------- | - | This option controls the default CSS framework that will be used by the - | package when rendering views - | - | Supported: "material-admin-26" + | The largest upload in KB, for types without their own max_size. Null + | uses spatie's media-library.max_file_size. | */ - 'framework' => 'material-admin-26', + 'max_upload_size' => null, /* |-------------------------------------------------------------------------- - | Default Layout + | Controllers |-------------------------------------------------------------------------- | - | Default layout view for media library views + | Extend the package controller to change how a page works. The + | `controller` option of Route::mediapicker() wins over this. | */ - 'default_layout' => 'layouts.admin', + 'media_controller' => MediaController::class, /* |-------------------------------------------------------------------------- - | Picker Layout + | Observers, jobs and file removal |-------------------------------------------------------------------------- - | - | Default layout view for picker modal views - | */ - 'picker_layout' => 'layouts.admin-blank', + 'attachment_observer' => AttachmentObserver::class, + + 'media_observer' => MediaObserver::class, + + 'jobs' => [ + 'perform_conversions' => PerformAttachmentConversionsJob::class, + ], + + 'file_remover_class' => AttachmentFileRemover::class, /* |-------------------------------------------------------------------------- - | Scripts Stack + | Views |-------------------------------------------------------------------------- - | - | The name of the stack to push scripts - | */ + 'framework' => 'material-admin-26', + + 'default_layout' => 'layouts.admin', + + 'picker_layout' => 'layouts.admin-blank', + 'scripts_stack' => 'scripts', ]; diff --git a/database/migrations/2025_03_20_142419_create_attachments_table.php b/database/migrations/2025_03_20_142419_create_attachments_table.php index df897cd..ea32524 100644 --- a/database/migrations/2025_03_20_142419_create_attachments_table.php +++ b/database/migrations/2025_03_20_142419_create_attachments_table.php @@ -1,8 +1,8 @@ + stopOnFailure="false" + cacheDirectory=".phpunit.cache"> tests @@ -15,11 +16,6 @@ src - - - - - diff --git a/pint.json b/pint.json new file mode 100644 index 0000000..44df8bf --- /dev/null +++ b/pint.json @@ -0,0 +1,20 @@ +{ + "preset": "laravel", + "rules": { + "concat_space": { + "spacing": "one" + }, + "global_namespace_import": { + "import_classes": true, + "import_constants": false, + "import_functions": false + }, + "no_unused_imports": true, + "ordered_imports": { + "sort_algorithm": "alpha" + }, + "php_unit_method_casing": { + "case": "snake_case" + } + } +} diff --git a/src/AttachmentCollections/AttachmentFilesystem.php b/src/AttachmentCollections/AttachmentFilesystem.php index 20e6a9f..4c514a5 100644 --- a/src/AttachmentCollections/AttachmentFilesystem.php +++ b/src/AttachmentCollections/AttachmentFilesystem.php @@ -8,13 +8,10 @@ class AttachmentFilesystem extends Filesystem { - - public function removeAllFiles(Media $media): void { $fileRemover = AttachmentFileRemoverFactory::create($media); $fileRemover->removeAllFiles($media); } - } diff --git a/src/AttachmentCollections/MediaAdder.php b/src/AttachmentCollections/MediaAdder.php index 904fe19..4c0cac5 100644 --- a/src/AttachmentCollections/MediaAdder.php +++ b/src/AttachmentCollections/MediaAdder.php @@ -10,9 +10,9 @@ use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Contracts\HasAttachments; use Javaabu\Mediapicker\Mediapicker; +use Spatie\MediaLibrary\MediaCollections\File as PendingFile; use Spatie\MediaLibrary\MediaCollections\MediaCollection; use Spatie\MediaLibrary\MediaCollections\Models\Media; -use Spatie\MediaLibrary\MediaCollections\File as PendingFile; class MediaAdder { @@ -156,8 +156,4 @@ protected function guardAgainstDisallowedMediaAdditions(Attachment $attachment): throw MediaUnacceptableForCollection::create($media, $collection, $this->subject); } } - - - - } diff --git a/src/Commands/AttachmentsCleanCommand.php b/src/Commands/AttachmentsCleanCommand.php index 597a8ac..98a7daa 100644 --- a/src/Commands/AttachmentsCleanCommand.php +++ b/src/Commands/AttachmentsCleanCommand.php @@ -148,7 +148,7 @@ protected function deleteConversionFilesForDeprecatedConversions(Attachment $att $this->markConversionAsRemoved($media, $currentFilePath); } - $this->info("Deprecated conversion file `{$currentFilePath}` ".($this->isDryRun ? 'found' : 'has been removed')); + $this->info("Deprecated conversion file `{$currentFilePath}` " . ($this->isDryRun ? 'found' : 'has been removed')); }); } diff --git a/src/Commands/AttachmentsRegenerateCommand.php b/src/Commands/AttachmentsRegenerateCommand.php index b213736..533ba9d 100644 --- a/src/Commands/AttachmentsRegenerateCommand.php +++ b/src/Commands/AttachmentsRegenerateCommand.php @@ -56,7 +56,7 @@ public function handle(AttachmentRepository $attachmentRepository, MediaManipula $attachment, Arr::wrap($this->option('only')), $this->option('only-missing'), - false,//$this->option('with-responsive-images'), + false,// $this->option('with-responsive-images'), $this->option('queue-all'), ); } catch (Exception $exception) { diff --git a/src/Concerns/InteractsWithAttachments.php b/src/Concerns/InteractsWithAttachments.php index 4dcb51e..c969e86 100644 --- a/src/Concerns/InteractsWithAttachments.php +++ b/src/Concerns/InteractsWithAttachments.php @@ -7,9 +7,7 @@ use Illuminate\Database\Eloquent\Relations\MorphMany; use Illuminate\Database\Eloquent\SoftDeletes; use Illuminate\Http\Request; -use Illuminate\Support\Arr; use Illuminate\Support\Collection; -use Illuminate\Support\Facades\Validator; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\AttachmentCollections\Events\AttachmentCollectionHasBeenClearedEvent; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\AttachmentCannotBeDeleted; @@ -18,7 +16,6 @@ use Javaabu\Mediapicker\AttachmentCollections\MediaAdderFactory; use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Contracts\HasAttachments; -use Javaabu\Mediapicker\Exceptions\MediaCannotBeAdded\MediaMimeTypeNotAllowed; use Javaabu\Mediapicker\Mediapicker; use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\MediaCollections\MediaCollection; @@ -35,7 +32,6 @@ trait InteractsWithAttachments /** @var array */ protected $unAttachedAttachmentItems = []; - public static function bootInteractsWithAttachments(): void { static::deleting(function (HasAttachments $model) { @@ -86,7 +82,7 @@ public function addAttachmentFromRequest(string $key): MediaAdder /** * Add multiple medias from a request by keys. * - * @param array $keys + * @param array $keys * @return Collection */ public function addMultipleAttachmentsFromRequest(array $keys): Collection @@ -102,7 +98,6 @@ public function hasAttachments(string $collectionName = 'default'): bool return $this->getAttachments($collectionName)->isNotEmpty(); } - /** * Get attachment collection by its collectionName. * @@ -161,7 +156,6 @@ public function getFirstAttachmentUrl(string $collectionName = 'default', string return $attachment->getUrl($conversionName); } - /* * Get the url of the image for the given conversionName * for first media for the given collectionName. @@ -197,12 +191,10 @@ public function getFirstAttachmentPath(string $collectionName = 'default', strin /** * Update an attachment collection by deleting and inserting again with new values. * - * @param array $newAttachmentsArray - * @param string $collectionName * * @return Collection * - * @throws \Javaabu\Mediapicker\AttachmentCollections\Exceptions\AttachmentCannotBeUpdated + * @throws AttachmentCannotBeUpdated */ public function updateAttachments(array $newAttachmentsArray, string $collectionName = 'default'): Collection { @@ -234,9 +226,9 @@ public function updateAttachments(array $newAttachmentsArray, string $collection protected function removeAttachmentItemsNotPresentInArray(array $newAttachmentsArray, string $collectionName = 'default') { $this->getAttachments($collectionName) - ->reject(function (Attachment $currentAttachmentItem) use ($newAttachmentsArray) { - return in_array($currentAttachmentItem->id, array_column($newAttachmentsArray, 'id')); - }) + ->reject(function (Attachment $currentAttachmentItem) use ($newAttachmentsArray) { + return in_array($currentAttachmentItem->id, array_column($newAttachmentsArray, 'id')); + }) ->each->delete(); } @@ -260,10 +252,7 @@ public function clearAttachmentCollection(string $collectionName = 'default'): s /** * Update an attachment collection by deleting and inserting media again with new values. * - * @param array $newMediaArray - * @param string $collectionName * - * @return Collection * * @throws AttachmentCannotBeUpdated */ @@ -273,8 +262,8 @@ public function updateAttachmentMedia(array $newMediaArray, string $collectionNa // filter out already attached media $existing_media = $this->getAttachments($collectionName) - ->pluck('media_id') - ->all(); + ->pluck('media_id') + ->all(); $newMediaArray = array_diff($newMediaArray, $existing_media); @@ -289,7 +278,7 @@ public function updateAttachmentMedia(array $newMediaArray, string $collectionNa if (! $currentAttachment) { $currentAttachment = $this->addAttachment($newMediaId) - ->toAttachmentCollection($collectionName); + ->toAttachmentCollection($collectionName); } $currentAttachment->order_column = $orderColumn++; @@ -301,26 +290,20 @@ public function updateAttachmentMedia(array $newMediaArray, string $collectionNa /** * Remove attachment media not in the array - * - * @param array $newMediaArray - * @param string $collectionName */ protected function removeAttachmentMediaNotPresentInArray(array $newMediaArray, string $collectionName = 'default') { $this->getAttachments($collectionName) - ->reject(function (Attachment $currentAttachmentItem) use ($newMediaArray) { - return in_array($currentAttachmentItem->media_id, $newMediaArray); - }) + ->reject(function (Attachment $currentAttachmentItem) use ($newMediaArray) { + return in_array($currentAttachmentItem->media_id, $newMediaArray); + }) ->each(fn (Attachment $attachment) => $attachment->delete()); } - - /** * Remove all attachments in the given collection except some. * - * @param string $collectionName - * @param array|Collection $excludedAttachments + * @param array|Collection $excludedAttachments */ public function clearAttachmentCollectionExcept(string $collectionName = 'default', array|Collection|Attachment $excludedAttachments = []): self { @@ -335,9 +318,9 @@ public function clearAttachmentCollectionExcept(string $collectionName = 'defaul } $this->getAttachments($collectionName) - ->reject(function (Attachment $attachment) use ($excludedAttachments) { - return $excludedAttachments->where('id', $attachment->id)->count(); - }) + ->reject(function (Attachment $attachment) use ($excludedAttachments) { + return $excludedAttachments->where('id', $attachment->id)->count(); + }) ->each(fn (Attachment $attachment) => $attachment->delete()); if ($this->attachmentsIsPreloaded()) { @@ -351,7 +334,6 @@ public function clearAttachmentCollectionExcept(string $collectionName = 'defaul return $this; } - /** * Check if attachments were preloaded */ @@ -381,12 +363,8 @@ public function deleteAttachment(int|string|Attachment $attachmentId) $attachment->delete(); } - /** * Add attachment collection - * - * @param string $name - * @return MediaCollection */ public function addAttachmentCollection(string $name): MediaCollection { @@ -422,9 +400,6 @@ public function loadAttachments(string $collectionName): Collection /** * Prepare to attach - * - * @param Attachment $attachment - * @param MediaAdder $mediaAdder */ public function prepareToAttachAttachments(Attachment $attachment, MediaAdder $mediaAdder) { @@ -458,16 +433,12 @@ public function addAttachmentConversion(string $name): Conversion /** * Register attachment media conversions */ - public function registerAttachmentConversions(?Media $media = null) - { - } + public function registerAttachmentConversions(?Media $media = null) {} /** * Register attachment media collections */ - public function registerAttachmentCollections() - { - } + public function registerAttachmentCollections() {} /** * Register all attachment conversions @@ -499,9 +470,7 @@ public function registerAllAttachmentConversions(?Media $media = null) /** * Updates the attachment collection with given media from request * - * @param $collection - * @param Request $request - * @param string $key the attachment field in the request + * @param string $key the attachment field in the request * @return mixed */ public function updateSingleAttachment($collection, Request $request, string $key = '') @@ -522,7 +491,7 @@ public function updateSingleAttachment($collection, Request $request, string $ke // attach only if different if (empty($current_media) || $current_media->id != $media_id) { $response = $this->addAttachment($media_id) - ->toAttachmentCollection($collection); + ->toAttachmentCollection($collection); } } else { // clear diff --git a/src/Concerns/OwnsMedia.php b/src/Concerns/OwnsMedia.php index 9671429..76ccf6f 100644 --- a/src/Concerns/OwnsMedia.php +++ b/src/Concerns/OwnsMedia.php @@ -2,8 +2,8 @@ namespace Javaabu\Mediapicker\Concerns; -use Javaabu\Helpers\Media\AllowedMimeTypes; use Javaabu\Mediapicker\Mediapicker; +use Javaabu\Mediapicker\Support\FileTypes; use Spatie\Image\Enums\Fit; use Spatie\MediaLibrary\MediaCollections\File; use Spatie\MediaLibrary\MediaCollections\Models\Media; @@ -22,7 +22,7 @@ public function registerMediapickerCollections() { $this->addMediaCollection($this->getMediapickerCollectionName()) ->acceptsFile(function (File $file) { - return AllowedMimeTypes::isAllowedMimeType($file->mimeType); + return FileTypes::isAllowed($file->mimeType); }); } diff --git a/src/Contracts/Attachment.php b/src/Contracts/Attachment.php index af75fff..4b9ea31 100644 --- a/src/Contracts/Attachment.php +++ b/src/Contracts/Attachment.php @@ -58,5 +58,4 @@ public function scopeOrdered(Builder $query): Builder; public static function setNewOrder(array $ids, int $startOrder = 1): void; public function shouldSortWhenCreating(): bool; - } diff --git a/src/Contracts/HasAttachments.php b/src/Contracts/HasAttachments.php index 17d3e3a..fd7ada7 100644 --- a/src/Contracts/HasAttachments.php +++ b/src/Contracts/HasAttachments.php @@ -2,9 +2,9 @@ namespace Javaabu\Mediapicker\Contracts; +use DateTimeInterface; use Illuminate\Database\Eloquent\Builder; use Illuminate\Database\Eloquent\Relations\MorphMany; -use DateTimeInterface; use Illuminate\Http\Request; use Illuminate\Support\Collection; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\AttachmentCannotBeDeleted; @@ -40,7 +40,7 @@ public function addAttachmentFromRequest(string $key): MediaAdder; /** * Add multiple medias from a request by keys. * - * @param array $keys + * @param array $keys * @return Collection */ public function addMultipleAttachmentsFromRequest(array $keys): Collection; @@ -98,8 +98,6 @@ public function getFirstAttachmentPath(string $collectionName = 'default', strin /** * Update an attachment collection by deleting and inserting again with new values. * - * @param array $newAttachmentsArray - * @param string $collectionName * * @return Collection * @@ -115,8 +113,7 @@ public function clearAttachmentCollection(string $collectionName = 'default'): s /** * Remove all attachments in the given collection except some. * - * @param string $collectionName - * @param array|Collection $excludedAttachments + * @param array|Collection $excludedAttachments */ public function clearAttachmentCollectionExcept(string $collectionName = 'default', array|Collection|Attachment $excludedAttachments = []): self; @@ -131,7 +128,6 @@ public function deleteAttachment(int|string|Attachment $attachmentId); /** * Cache the attachments on the object. * - * @param string $collectionName * * @return Collection */ @@ -139,16 +135,11 @@ public function loadAttachments(string $collectionName): Collection; /** * Prepare to attach - * - * @param Attachment $attachment - * @param MediaAdder $mediaAdder */ public function prepareToAttachAttachments(Attachment $attachment, MediaAdder $mediaAdder); /** * Process unattached attachments - * - * @param callable $callable */ public function processUnattachedAttachments(callable $callable); @@ -175,9 +166,7 @@ public function registerAllAttachmentConversions(?Media $media = null); /** * Updates the attachment collection with given media from request * - * @param $collection - * @param Request $request - * @param string $key the attachment field in the request + * @param string $key the attachment field in the request * @return mixed */ public function updateSingleAttachment($collection, Request $request, string $key = ''); @@ -185,7 +174,6 @@ public function updateSingleAttachment($collection, Request $request, string $ke /** * With attachments scope * - * @param $query * @return mixed */ public function scopeWithAttachments(Builder $query); diff --git a/src/Contracts/MediaOwner.php b/src/Contracts/MediaOwner.php index 963fa3c..280011d 100644 --- a/src/Contracts/MediaOwner.php +++ b/src/Contracts/MediaOwner.php @@ -6,7 +6,7 @@ use Spatie\MediaLibrary\HasMedia; use Spatie\MediaLibrary\MediaCollections\Models\Media; -interface MediaOwner extends HasMedia, Authorizable +interface MediaOwner extends Authorizable, HasMedia { /* * Register the media picker collections. diff --git a/src/Conversions/Actions/PerformAttachmentConversionAction.php b/src/Conversions/Actions/PerformAttachmentConversionAction.php index 7f4c1d4..bddfba5 100644 --- a/src/Conversions/Actions/PerformAttachmentConversionAction.php +++ b/src/Conversions/Actions/PerformAttachmentConversionAction.php @@ -57,7 +57,7 @@ protected function renameInLocalDirectory( string $fileNameWithDirectory, string $newFileNameWithoutDirectory ): string { - $targetFile = pathinfo($fileNameWithDirectory, PATHINFO_DIRNAME).'/'.$newFileNameWithoutDirectory; + $targetFile = pathinfo($fileNameWithDirectory, PATHINFO_DIRNAME) . '/' . $newFileNameWithoutDirectory; rename($fileNameWithDirectory, $targetFile); diff --git a/src/Conversions/Actions/PerformAttachmentManipulationsAction.php b/src/Conversions/Actions/PerformAttachmentManipulationsAction.php index 394d8e7..dece14d 100644 --- a/src/Conversions/Actions/PerformAttachmentManipulationsAction.php +++ b/src/Conversions/Actions/PerformAttachmentManipulationsAction.php @@ -60,7 +60,7 @@ protected function getConversionTempFileName( $extension = 'jpg'; } - $fileName = Str::random(32)."{$conversion->getName()}.{$extension}"; + $fileName = Str::random(32) . "{$conversion->getName()}.{$extension}"; return "{$directory}/{$fileName}"; } diff --git a/src/Conversions/AttachmentConversionCollection.php b/src/Conversions/AttachmentConversionCollection.php index 2bdff18..16680cd 100644 --- a/src/Conversions/AttachmentConversionCollection.php +++ b/src/Conversions/AttachmentConversionCollection.php @@ -5,6 +5,7 @@ use Illuminate\Database\Eloquent\Relations\Relation; use Illuminate\Support\Arr; use Javaabu\Mediapicker\Contracts\Attachment; +use Javaabu\Mediapicker\Contracts\HasAttachments; use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\Conversions\ConversionCollection; @@ -48,7 +49,7 @@ protected function addAttachmentConversionsFromRelatedModel(Attachment $attachme return; } - /** @var \Javaabu\Mediapicker\Contracts\HasAttachments $model */ + /** @var HasAttachments $model */ $model = new $modelName; /* diff --git a/src/Conversions/MediaManipulator.php b/src/Conversions/MediaManipulator.php index 444cef6..cdc2f9a 100644 --- a/src/Conversions/MediaManipulator.php +++ b/src/Conversions/MediaManipulator.php @@ -10,10 +10,8 @@ use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\Conversions\FileManipulator; use Spatie\MediaLibrary\Conversions\ImageGenerators\ImageGeneratorFactory; -use Spatie\MediaLibrary\Conversions\Jobs\PerformConversionsJob; use Spatie\MediaLibrary\MediaCollections\Filesystem; use Spatie\MediaLibrary\MediaCollections\Models\Media; -use Spatie\MediaLibrary\ResponsiveImages\Jobs\GenerateResponsiveImagesJob; use Spatie\MediaLibrary\Support\TemporaryDirectory; class MediaManipulator extends FileManipulator @@ -76,7 +74,7 @@ public function performAttachmentConversions( $copiedOriginalFile = app(Filesystem::class)->copyFromMediaLibrary( $media, - $temporaryDirectory->path(Str::random(32).'.'.$media->extension) + $temporaryDirectory->path(Str::random(32) . '.' . $media->extension) ); $conversions->each(fn (Conversion $conversion) => (new PerformConversionAction)->execute($conversion, $media, $copiedOriginalFile)); diff --git a/src/FileRemover/AttachmentFileRemover.php b/src/FileRemover/AttachmentFileRemover.php index fefd907..19b5979 100644 --- a/src/FileRemover/AttachmentFileRemover.php +++ b/src/FileRemover/AttachmentFileRemover.php @@ -3,7 +3,6 @@ namespace Javaabu\Mediapicker\FileRemover; use Exception; -use Illuminate\Support\Collection; use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\UrlGenerator\AttachmentUrlGeneratorFactory; @@ -30,7 +29,7 @@ public function removeFromConversionsDirectory(Media $media, string $disk): void $remover = $this; collect([$conversionsDirectory]) - ->each(function (string $directory) use ($media, $disk, $remover) { + ->each(function (string $directory) use ($media, $disk) { try { $allFilePaths = $this->filesystem->disk($disk)->allFiles($directory); $conversionsFilePaths = $this->getAttachmentConversionFilePaths($media) ?: []; @@ -61,16 +60,16 @@ public function getUrlGenerator(Attachment $attachment, string $conversionName): protected function getAttachmentConversionFilePaths(Media $media): array { - $attachment_class = Mediapicker::attachmentModel(); + $attachment_class = Mediapicker::attachmentModel(); - $attachments = $attachment_class::where('media_id', $media->getKey()) - ->distinct('model_type') - ->get(); + $attachments = $attachment_class::where('media_id', $media->getKey()) + ->distinct('model_type') + ->get(); $conversionsFilePaths = []; $remover = $this; - /** @var Attachment $attachment */ + /** @var Attachment $attachment */ foreach ($attachments as $attachment) { $conversions = array_merge($attachment->getMediaConversionNames()); $attachment->media = $media; @@ -81,8 +80,8 @@ protected function getAttachmentConversionFilePaths(Media $media): array ); $conversionsFilePaths = array_merge($conversionsFilePaths, $paths); - } + } - return $conversionsFilePaths; + return $conversionsFilePaths; } } diff --git a/src/FileRemover/AttachmentFileRemoverFactory.php b/src/FileRemover/AttachmentFileRemoverFactory.php index b582736..fcfb921 100644 --- a/src/FileRemover/AttachmentFileRemoverFactory.php +++ b/src/FileRemover/AttachmentFileRemoverFactory.php @@ -3,8 +3,8 @@ namespace Javaabu\Mediapicker\FileRemover; use Spatie\MediaLibrary\MediaCollections\Models\Media; -use Spatie\MediaLibrary\Support\FileRemover\FileRemoverFactory; use Spatie\MediaLibrary\Support\FileRemover\FileRemover; +use Spatie\MediaLibrary\Support\FileRemover\FileRemoverFactory; class AttachmentFileRemoverFactory extends FileRemoverFactory { diff --git a/src/Http/Controllers/MediaController.php b/src/Http/Controllers/MediaController.php index 91c3836..73a1a6b 100644 --- a/src/Http/Controllers/MediaController.php +++ b/src/Http/Controllers/MediaController.php @@ -2,32 +2,28 @@ namespace Javaabu\Mediapicker\Http\Controllers; +use Exception; +use Illuminate\Foundation\Auth\Access\AuthorizesRequests; +use Illuminate\Foundation\Validation\ValidatesRequests; +use Illuminate\Http\Request; +use Illuminate\Routing\Controller; use Illuminate\Support\Arr; use Illuminate\Support\Facades\Log; -use Javaabu\Helpers\Http\Controllers\Controller; -use Illuminate\Http\Request; -use Javaabu\Helpers\Media\AllowedMimeTypes; -use Javaabu\Helpers\Traits\HasOrderbys; use Javaabu\Mediapicker\Contracts\MediaOwner; use Javaabu\Mediapicker\Http\Requests\MediaRequest; use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\Models\Media; +use Javaabu\Mediapicker\Support\FileTypes; use Spatie\Image\Image; class MediaController extends Controller { - use HasOrderbys; + use AuthorizesRequests; + use ValidatesRequests; - /** - * Initialize orderbys - */ - protected static function initOrderbys() + protected function flashSuccessMessage(): void { - static::$orderbys = [ - 'name' => __('Name'), - 'created_at' => __('Created At'), - 'id' => __('ID'), - ]; + session()->flash('success', __('Saved.')); } /** @@ -50,16 +46,16 @@ public function index(Request $request) $this->authorize('viewAny', Mediapicker::mediaModel()); $title = __('All Media'); - $orderby = $this->getOrderBy($request, 'created_at'); - $order = $this->getOrder($request, 'created_at', $orderby); - $per_page = $this->getPerPage($request, 24); + $orderby = in_array($request->input('orderby'), ['name', 'created_at', 'id']) ? $request->input('orderby') : 'created_at'; + $order = $request->input('order') === 'asc' ? 'asc' : 'desc'; + $per_page = min(max($request->integer('per_page', 24), 1), 100); $view = $request->input('view', 'grid'); $media_class = Mediapicker::mediaModel(); $media_items = $media_class::userVisible() - ->orderBy($orderby, $order); + ->orderBy($orderby, $order); $mode = $request->input('mode', 'index'); $single = $request->input('single') == true; @@ -76,13 +72,17 @@ public function index(Request $request) $media_items->hasFileType($type); } - if ($date_field = $request->input('date_field')) { - $media_items->dateBetween($date_field, $request->input('date_from'), $request->input('date_to')); + if ($date_from = $request->date('date_from')) { + $media_items->where('created_at', '>=', $date_from->startOfDay()); + } + + if ($date_to = $request->date('date_to')) { + $media_items->where('created_at', '<=', $date_to->endOfDay()); } $media_items = $media_items->with('model') - ->paginate($per_page) - ->appends($request->except('page')); + ->paginate($per_page) + ->appends($request->except('page')); $selected = $request->input('selected', []); $selected = Arr::wrap($selected); @@ -134,9 +134,9 @@ public function store(MediaRequest $request) try { $image = Image::load($file); - $custom_properties['width'] = $image->getWidth(); - $custom_properties['height'] = $image->getHeight(); - } catch (\Exception $e) { + $custom_properties['width'] = $image->getWidth(); + $custom_properties['height'] = $image->getHeight(); + } catch (Exception $e) { Log::error('MediapickerError: Could not load image dimensions. Error: ' . $e->getMessage()); } @@ -150,17 +150,17 @@ public function store(MediaRequest $request) if ($request->expectsJson()) { return response()->json([ - 'success' => true, - 'id' => $media->id, - 'uuid' => $media->uuid, - 'thumb' => $media->getUrl('mediapicker-thumb'), - 'large' => $media->getUrl('mediapicker-large'), - 'file_type' => AllowedMimeTypes::getType($media->mime_type), - 'icon' => AllowedMimeTypes::getIcon($media->mime_type, Mediapicker::getIconPack()), - 'name' => $media->name, + 'success' => true, + 'id' => $media->id, + 'uuid' => $media->uuid, + 'thumb' => $media->getUrl('mediapicker-thumb'), + 'large' => $media->getUrl('mediapicker-large'), + 'file_type' => FileTypes::typeOf($media->mime_type), + 'icon' => FileTypes::icon($media->mime_type), + 'name' => $media->name, 'file_name' => $media->file_name, - 'url' => $media->getUrl(), - 'edit_url' => $edit_url, + 'url' => $media->getUrl(), + 'edit_url' => $edit_url, ]); } @@ -179,8 +179,6 @@ public function create() return view(Mediapicker::getViewName('media.create')); } - - /** * Display the specified resource. */ @@ -255,9 +253,9 @@ public function bulk(Request $request) $user = $request->user(); $rules = [ - 'action' => 'required|in:delete', - 'media' => 'required|array', - 'media.*' => 'exists:media,id,collection_name,'.$user->getMediapickerCollectionName().',model_type,' . $user->getMorphClass(), + 'action' => 'required|in:delete', + 'media' => 'required|array', + 'media.*' => 'exists:media,id,collection_name,' . $user->getMediapickerCollectionName() . ',model_type,' . $user->getMorphClass(), ]; if (! $user->canDeleteOthersMedia()) { @@ -275,21 +273,21 @@ public function bulk(Request $request) $media_model = Mediapicker::mediaModel(); $media = $media_model::whereIn('id', $ids) - ->where('collection_name', $user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + ->where('collection_name', $user->getMediapickerCollectionName()) + ->whereModelType($user->getMorphClass()); $media->get() - ->each(function ($media) { - $this->authorize('delete', $media); - $media->delete(); - }); + ->each(function ($media) { + $this->authorize('delete', $media); + $media->delete(); + }); break; } $this->flashSuccessMessage(); - $redirect = add_query_arg('view', $view, Mediapicker::newMediaInstance()->url('index')); + $redirect = Mediapicker::newMediaInstance()->url('index') . ($view ? '?' . http_build_query(['view' => $view]) : ''); - return $this->redirect($request, $redirect); + return redirect()->to($redirect); } } diff --git a/src/Http/Requests/MediaRequest.php b/src/Http/Requests/MediaRequest.php index cb0d519..99706f4 100644 --- a/src/Http/Requests/MediaRequest.php +++ b/src/Http/Requests/MediaRequest.php @@ -4,7 +4,7 @@ use Illuminate\Foundation\Http\FormRequest; use Illuminate\Validation\Rule; -use Javaabu\Helpers\Media\AllowedMimeTypes; +use Javaabu\Mediapicker\Support\FileTypes; class MediaRequest extends FormRequest { @@ -29,11 +29,11 @@ public function rules() $media = $this->route('media'); $rules = [ - 'file' => AllowedMimeTypes::getValidationRule($type ?? '', true), + 'file' => FileTypes::rules($type ?: null), 'type' => [ 'nullable', 'string', - Rule::in(AllowedMimeTypes::getAllowedTypes()), + Rule::in(FileTypes::types()), ], 'name' => [ 'string', diff --git a/src/Mediapicker.php b/src/Mediapicker.php index fc38a08..5382f16 100644 --- a/src/Mediapicker.php +++ b/src/Mediapicker.php @@ -9,7 +9,6 @@ class Mediapicker { - public static function collectionName(): string { return config('mediapicker.collection_name'); @@ -69,10 +68,10 @@ public static function getIconPack(string $framework = ''): string */ public static function registerRoutes( string $url = 'media', - array|string $middleware = [], + array|string $middleware = [], array $resource_options = [], array $resource_names = [ - 'index' => 'media.index', + 'index' => 'media.index', 'create' => 'media.create', 'store' => 'media.store', 'show' => 'media.show', @@ -82,8 +81,7 @@ public static function registerRoutes( ], string $bulk_name = 'media.bulk', string $picker_name = 'media.picker', - ) - { + ) { $controller = static::mediaController(); Route::match(['PUT', 'PATCH'], $url, [$controller, 'bulk']) @@ -97,7 +95,7 @@ public static function registerRoutes( $resource_options = array_merge([ 'parameters' => [ $url => 'media', - ] + ], ], $resource_options); Route::resource('media', $controller, $resource_options) diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index e98abd8..6f786b9 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -26,7 +26,7 @@ public function boot() ], 'mediapicker-config'); $this->publishes([ - __DIR__.'/../database/migrations' => database_path('migrations'), + __DIR__ . '/../database/migrations' => database_path('migrations'), ], 'mediapicker-migrations'); $this->publishes([ @@ -67,6 +67,7 @@ public function register() $this->app->singleton(AttachmentRepository::class, function () { $attachmentClass = $this->getAttachmentClass(); + return new AttachmentRepository(new $attachmentClass); }); diff --git a/src/Models/Media.php b/src/Models/Media.php index 7db9d8e..91561bf 100644 --- a/src/Models/Media.php +++ b/src/Models/Media.php @@ -3,37 +3,14 @@ namespace Javaabu\Mediapicker\Models; use Illuminate\Database\Eloquent\Builder; -use Javaabu\Helpers\Media\AllowedMimeTypes; -use Javaabu\Mediapicker\Contracts\MediaOwner; use Illuminate\Support\Str; -use Javaabu\Helpers\AdminModel\AdminModel; -use Javaabu\Helpers\AdminModel\IsAdminModel; -use Javaabu\Activitylog\Traits\LogsActivity; +use Javaabu\Mediapicker\Contracts\MediaOwner; use Javaabu\Mediapicker\Mediapicker; +use Javaabu\Mediapicker\Support\FileTypes; use Spatie\MediaLibrary\MediaCollections\Models\Media as BaseMedia; -class Media extends BaseMedia implements AdminModel +class Media extends BaseMedia { - use LogsActivity; - use IsAdminModel; - - /** - * The attributes that would be logged - * - * @var array - */ - protected static array $logAttributes = ['*']; - - /** - * Changes to these attributes only will not trigger a log - * - * @var array - */ - protected static array $ignoreChangedAttributes = [ - 'created_at', - 'updated_at' - ]; - /** * The attributes that are mass assignable. * @@ -76,23 +53,23 @@ protected function getHeightAttribute(): ?int protected function getFileTypeAttribute(): ?string { - return AllowedMimeTypes::getType($this->mime_type); + return FileTypes::typeOf($this->mime_type); } - public function getIcon(string $icon_pack = '', bool $with_prefix = true): string + public function getIcon(): string { - return AllowedMimeTypes::getIcon($this->mime_type, $icon_pack, $with_prefix); + return FileTypes::icon($this->mime_type); } public function scopeHasFileType(Builder $query, array|string $type): void { - $query->whereIn('mime_type', AllowedMimeTypes::getAllowedMimeTypes($type)); + $query->whereIn('mime_type', FileTypes::mimeTypes($type)); } public function scopeSearch($query, $search): mixed { - return $query->where('name', 'like', '%'.$search.'%') - ->orWhere('custom_properties->description', 'like', '%'.$search.'%'); + return $query->where('name', 'like', '%' . $search . '%') + ->orWhere('custom_properties->description', 'like', '%' . $search . '%'); } public function scopeFindForController(Builder $query, int|string $media_id): void @@ -101,7 +78,7 @@ public function scopeFindForController(Builder $query, int|string $media_id): vo if ($user instanceof MediaOwner) { $query->whereCollectionName($user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + ->whereModelType($user->getMorphClass()); return; } @@ -116,7 +93,7 @@ public function scopeUserVisible(Builder $query): void if ($user instanceof MediaOwner && $user->canViewAnyMedia()) { $query->whereCollectionName($user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + ->whereModelType($user->getMorphClass()); if (! $user->canViewOthersMedia()) { // can view only own @@ -130,13 +107,12 @@ public function scopeUserVisible(Builder $query): void $query->where($this->getKeyName(), -1); } - public function getShortNameAttribute() { return Str::limit($this->name, 15); } - public function url(string $action, ?\Spatie\MediaLibrary\MediaCollections\Models\Media $media = null): string + public function url(string $action, ?BaseMedia $media = null): string { $media = $media ?: $this; $controller = Mediapicker::mediaController(); diff --git a/src/Policies/MediaPolicy.php b/src/Policies/MediaPolicy.php index ad8da06..2cb99c2 100644 --- a/src/Policies/MediaPolicy.php +++ b/src/Policies/MediaPolicy.php @@ -2,7 +2,6 @@ namespace Javaabu\Mediapicker\Policies; -use Javaabu\Activitylog\Models\Activity; use Javaabu\Mediapicker\Contracts\MediaOwner; use Spatie\MediaLibrary\MediaCollections\Models\Media; @@ -47,12 +46,4 @@ public function delete(MediaOwner $user, Media $media): bool { return $user->canDeleteMedia($media); } - - /** - * Determine whether the user can view the model logs. - */ - public function viewLogs(MediaOwner $user, Media $media): bool - { - return $user->can('viewAny', Activity::class) && $this->update($user, $media); - } } diff --git a/src/Support/FileTypes.php b/src/Support/FileTypes.php new file mode 100644 index 0000000..bfb8c0a --- /dev/null +++ b/src/Support/FileTypes.php @@ -0,0 +1,128 @@ +, icon?: string, max_size?: int|null}> + */ + public static function all(): array + { + return config('mediapicker.file_types', []); + } + + /** + * @return array + */ + public static function types(): array + { + return array_keys(static::all()); + } + + public static function exists(string $type): bool + { + return array_key_exists($type, static::all()); + } + + /** + * The mime types of one or more types, or of every type when none are given + * + * @param string|array|null $types + * @return array + */ + public static function mimeTypes(string|array|null $types = null): array + { + $all = static::all(); + $types = $types ? Arr::wrap($types) : array_keys($all); + + $mime_types = []; + + foreach ($types as $type) { + $mime_types = [...$mime_types, ...($all[$type]['mime_types'] ?? [])]; + } + + return array_values(array_unique($mime_types)); + } + + public static function isAllowed(?string $mime_type, string|array|null $types = null): bool + { + return $mime_type && in_array(strtolower($mime_type), static::mimeTypes($types), true); + } + + /** + * The type a mime type belongs to, or null when no type accepts it + */ + public static function typeOf(?string $mime_type): ?string + { + if (! $mime_type) { + return null; + } + + foreach (static::all() as $type => $definition) { + if (in_array(strtolower($mime_type), $definition['mime_types'] ?? [], true)) { + return $type; + } + } + + return null; + } + + /** + * A Lucide icon name for the mime type + */ + public static function icon(?string $mime_type): string + { + $type = static::typeOf($mime_type); + + return static::all()[$type]['icon'] ?? 'file'; + } + + /** + * The largest upload (KB) allowed for one or more types: the type's `max_size`, else + * `mediapicker.max_upload_size`, else spatie's `media-library.max_file_size` + * + * @param string|array|null $types + */ + public static function maxSize(string|array|null $types = null): int + { + $all = static::all(); + $types = $types ? Arr::wrap($types) : array_keys($all); + $default = (int) (config('mediapicker.max_upload_size') ?: ((int) config('media-library.max_file_size', 10 * 1024 * 1024) / 1024)); + + $max = 0; + + foreach ($types as $type) { + $max = max($max, (int) ($all[$type]['max_size'] ?? 0) ?: $default); + } + + return $max ?: $default; + } + + /** + * Validation rules for an uploaded file of the given types + * + * @param string|array|null $types + * @return array + */ + public static function rules(string|array|null $types = null): array + { + return [ + 'file', + 'mimetypes:' . implode(',', static::mimeTypes($types)), + 'max:' . static::maxSize($types), + ]; + } +} diff --git a/tests/Feature/Commands/AttachmentsCleanCommandTest.php b/tests/Feature/Commands/AttachmentsCleanCommandTest.php index 4eb4b7c..dcd9442 100644 --- a/tests/Feature/Commands/AttachmentsCleanCommandTest.php +++ b/tests/Feature/Commands/AttachmentsCleanCommandTest.php @@ -55,7 +55,7 @@ public function it_can_clean_deprecated_attachment_conversion_files(): void $media = $this->getMedia(); $attachment = $model->addAttachment($media) - ->toAttachmentCollection(); + ->toAttachmentCollection(); $path = $model->getFirstAttachmentPath(conversionName: 'test'); diff --git a/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php b/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php index 298ccd1..6fcc924 100644 --- a/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php +++ b/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php @@ -3,7 +3,6 @@ namespace Javaabu\Mediapicker\Tests\Feature\Commands; use Illuminate\Foundation\Testing\RefreshDatabase; -use Illuminate\Support\Facades\DB; use Illuminate\Support\Facades\File; use Javaabu\Mediapicker\Tests\TestCase; use PHPUnit\Framework\Attributes\Test; @@ -19,7 +18,7 @@ public function it_can_regenerate_missing_attachment_conversions(): void $media = $this->getMedia(); $attachment = $model->addAttachment($media) - ->toAttachmentCollection(); + ->toAttachmentCollection(); $path = $model->getFirstAttachmentPath(conversionName: 'test'); @@ -131,7 +130,7 @@ public function it_can_regenerate_by_ids(): void // Only regenerate first attachment $this->artisan('mediapicker:regenerate', [ - '--ids' => [$attachment1->id] + '--ids' => [$attachment1->id], ])->assertSuccessful(); $this->assertFileExists($path1); @@ -165,7 +164,7 @@ public function it_can_regenerate_starting_from_id(): void // Regenerate from attachment2 onwards $this->artisan('mediapicker:regenerate', [ - '--starting-from-id' => $attachment2->id + '--starting-from-id' => $attachment2->id, ])->assertSuccessful(); $this->assertFileDoesNotExist($path1); @@ -201,7 +200,7 @@ public function it_can_exclude_starting_id_when_regenerating(): void // Regenerate from attachment2 onwards but exclude attachment2 $this->artisan('mediapicker:regenerate', [ '--starting-from-id' => $attachment2->id, - '--exclude-starting-id' => true + '--exclude-starting-id' => true, ])->assertSuccessful(); $this->assertFileDoesNotExist($path1); @@ -232,7 +231,7 @@ public function it_can_regenerate_only_missing_conversions(): void sleep(1); $this->artisan('mediapicker:regenerate', [ - '--only-missing' => true + '--only-missing' => true, ])->assertSuccessful(); $this->assertFileExists($path1); @@ -273,12 +272,11 @@ public function it_can_combine_options_model_type_and_starting_from_id(): void // Regenerate only model1 attachments with id >= attachment2 $this->artisan('mediapicker:regenerate', [ 'modelType' => $model1->getMorphClass(), - '--starting-from-id' => $attachment2->id + '--starting-from-id' => $attachment2->id, ])->assertSuccessful(); $this->assertFileDoesNotExist($path1); $this->assertFileExists($path2); $this->assertFileDoesNotExist($path3); } - } diff --git a/tests/Feature/Controllers/MediaControllerTest.php b/tests/Feature/Controllers/MediaControllerTest.php index 938b3fd..9208f3f 100644 --- a/tests/Feature/Controllers/MediaControllerTest.php +++ b/tests/Feature/Controllers/MediaControllerTest.php @@ -14,7 +14,7 @@ class MediaControllerTest extends TestCase { use RefreshDatabase; - public function setUp(): void + protected function setUp(): void { parent::setUp(); @@ -47,7 +47,6 @@ public function it_can_upload_a_file_to_the_media_library(): void ->assertRedirect() ->assertSessionMissing('errors'); - $this->assertDatabaseHas('media', [ 'model_id' => $user->id, 'model_type' => $user->getMorphClass(), @@ -56,7 +55,7 @@ public function it_can_upload_a_file_to_the_media_library(): void 'custom_properties' => json_encode([ 'width' => 340, 'height' => 280, - ]) + ]), ]); } @@ -95,7 +94,7 @@ public function it_can_upload_a_file_to_the_media_library_and_return_json(): voi 'name', 'file_name', 'url', - 'edit_url' + 'edit_url', ]) ->assertJson([ 'success' => true, @@ -111,7 +110,7 @@ public function it_can_upload_a_file_to_the_media_library_and_return_json(): voi 'custom_properties' => json_encode([ 'width' => 340, 'height' => 280, - ]) + ]), ]); } @@ -136,6 +135,8 @@ public function it_does_not_allow_viewing_media_index_page_for_unauthorized_user #[Test] public function it_does_not_show_other_users_media_to_unauthorized_users_on_the_index_page(): void { + $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); + $this->withoutExceptionHandling(); Gate::define('view_media', function (User $user) { @@ -154,7 +155,6 @@ public function it_does_not_show_other_users_media_to_unauthorized_users_on_the_ $other_user = User::factory()->create(); - $other_file = $this->getTestImageEndingWithUnderscore(); $other_media = $this->getMedia($other_file, user: $other_user); @@ -167,6 +167,8 @@ public function it_does_not_show_other_users_media_to_unauthorized_users_on_the_ #[Test] public function it_can_show_others_media_to_authorized_users_on_the_index_page(): void { + $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); + $this->withoutExceptionHandling(); Gate::define('view_media', function (User $user) { @@ -185,7 +187,6 @@ public function it_can_show_others_media_to_authorized_users_on_the_index_page() $other_user = User::factory()->create(); - $other_file = $this->getTestImageEndingWithUnderscore(); $other_media = $this->getMedia($other_file, user: $other_user); @@ -198,6 +199,8 @@ public function it_can_show_others_media_to_authorized_users_on_the_index_page() #[Test] public function it_can_show_the_media_picker_page(): void { + $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); + $this->withoutExceptionHandling(); Gate::define('view_media', function (User $user) { @@ -216,7 +219,6 @@ public function it_can_show_the_media_picker_page(): void $other_user = User::factory()->create(); - $other_file = $this->getTestImageEndingWithUnderscore(); $other_media = $this->getMedia($other_file, user: $other_user); @@ -229,6 +231,8 @@ public function it_can_show_the_media_picker_page(): void #[Test] public function it_can_show_the_create_media_page_for_authorized_users(): void { + $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); + $this->withoutExceptionHandling(); Gate::define('edit_media', function (User $user) { @@ -262,6 +266,8 @@ public function it_cannot_show_the_create_media_page_for_unauthorized_users(): v #[Test] public function it_can_show_media_details_for_authorized_users(): void { + $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); + $this->withoutExceptionHandling(); Gate::define('view_media', function (User $user) { @@ -335,7 +341,7 @@ public function it_cannot_update_media_for_unauthorized_users(): void $this->assertDatabaseHas('media', [ 'id' => $media->id, - 'name' => 'test' + 'name' => 'test', ]); } @@ -363,7 +369,7 @@ public function it_can_update_media_for_authorized_users(): void $this->assertDatabaseHas('media', [ 'id' => $media->id, 'name' => 'Updated Name', - 'custom_properties' => json_encode(['description' => 'Updated Description']) + 'custom_properties' => json_encode(['description' => 'Updated Description']), ]); } @@ -409,7 +415,7 @@ public function it_can_delete_media_for_authorized_users(): void ->assertRedirect(); $this->assertDatabaseMissing('media', [ - 'id' => $media->id + 'id' => $media->id, ]); } @@ -431,7 +437,7 @@ public function it_can_delete_media_and_return_json_response(): void ->assertSuccessful(); $this->assertDatabaseMissing('media', [ - 'id' => $media->id + 'id' => $media->id, ]); } diff --git a/tests/TestCase.php b/tests/TestCase.php index 0d1e965..8a6b1b9 100644 --- a/tests/TestCase.php +++ b/tests/TestCase.php @@ -4,11 +4,12 @@ use Illuminate\Database\Eloquent\Model; use Illuminate\Database\Eloquent\Relations\Relation; +use Illuminate\Foundation\Application; use Illuminate\Support\Facades\Artisan; use Illuminate\Support\Facades\File; use Illuminate\Support\Facades\View; use Javaabu\Forms\FormsServiceProvider; -use Javaabu\Helpers\HelpersServiceProvider; +use Javaabu\Mediapicker\MediapickerServiceProvider; use Javaabu\Mediapicker\Models\Attachment; use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithConversions; use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithMultipleConversions; @@ -18,18 +19,14 @@ use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithUnacceptedMimeType; use Javaabu\Mediapicker\Tests\TestSupport\Models\Post; use Javaabu\Mediapicker\Tests\TestSupport\Models\User; -use Javaabu\Settings\SettingsServiceProvider; -use Orchestra\Testbench\TestCase as BaseTestCase; -use Javaabu\Mediapicker\MediapickerServiceProvider; use Javaabu\Mediapicker\Tests\TestSupport\Providers\TestServiceProvider; -use Javaabu\Activitylog\ActivitylogServiceProvider; +use Orchestra\Testbench\TestCase as BaseTestCase; use Spatie\MediaLibrary\MediaCollections\Models\Media; use Spatie\MediaLibrary\MediaLibraryServiceProvider; abstract class TestCase extends BaseTestCase { - - public function setUp(): void + protected function setUp(): void { parent::setUp(); @@ -60,15 +57,12 @@ protected function getPackageProviders($app) MediapickerServiceProvider::class, MediaLibraryServiceProvider::class, TestServiceProvider::class, - HelpersServiceProvider::class, - SettingsServiceProvider::class, FormsServiceProvider::class, - ActivitylogServiceProvider::class, ]; } /** - * @param \Illuminate\Foundation\Application $app + * @param Application $app */ public function getEnvironmentSetUp($app) { @@ -93,7 +87,7 @@ public function getEnvironmentSetUp($app) protected function getImageDimensions(string $path): array { - list($width, $height, $type, $attr) = getimagesize($path); + [$width, $height, $type, $attr] = getimagesize($path); return compact('width', 'height'); } @@ -172,7 +166,7 @@ protected function getAttachment(?Model $model = null, string $collection_name = $model = $this->getModel(); } - $attachment = new Attachment(); + $attachment = new Attachment; $attachment->collection_name = $collection_name; $attachment->media()->associate($media); $attachment->model()->associate($model); @@ -184,7 +178,7 @@ protected function getAttachment(?Model $model = null, string $collection_name = protected function setUpTempTestFiles() { $this->initializeDirectory($this->getTestFilesDirectory()); - File::copyDirectory(__DIR__.'/TestSupport/testfiles', $this->getTestFilesDirectory()); + File::copyDirectory(__DIR__ . '/TestSupport/testfiles', $this->getTestFilesDirectory()); } protected function initializeDirectory($directory) @@ -202,22 +196,22 @@ public function getTestsPath($suffix = ''): string $suffix = "/{$suffix}"; } - return __DIR__.$suffix; + return __DIR__ . $suffix; } public function getTempDirectory(string $suffix = ''): string { - return __DIR__.'/TestSupport/temp'.($suffix == '' ? '' : '/'.$suffix); + return __DIR__ . '/TestSupport/temp' . ($suffix == '' ? '' : '/' . $suffix); } public function getMediaDirectory(string $suffix = ''): string { - return $this->getTempDirectory().'/media'.($suffix == '' ? '' : DIRECTORY_SEPARATOR .$suffix); + return $this->getTempDirectory() . '/media' . ($suffix == '' ? '' : DIRECTORY_SEPARATOR . $suffix); } public function getTestFilesDirectory(string $suffix = ''): string { - return $this->getTempDirectory().'/testfiles'.($suffix == '' ? '' : '/'.$suffix); + return $this->getTempDirectory() . '/testfiles' . ($suffix == '' ? '' : '/' . $suffix); } public function getTestJpg(): string diff --git a/tests/TestSupport/Factories/PostFactory.php b/tests/TestSupport/Factories/PostFactory.php index 262cc02..323a404 100644 --- a/tests/TestSupport/Factories/PostFactory.php +++ b/tests/TestSupport/Factories/PostFactory.php @@ -20,7 +20,7 @@ protected function newInstance(array $arguments = []) } /** - * @param class-string $model_class + * @param class-string $model_class */ public function setModel(string $model_class): self { diff --git a/tests/TestSupport/Models/ModelWithConversions.php b/tests/TestSupport/Models/ModelWithConversions.php index 69ef1d8..e3d16b3 100644 --- a/tests/TestSupport/Models/ModelWithConversions.php +++ b/tests/TestSupport/Models/ModelWithConversions.php @@ -1,12 +1,7 @@ setModel(static::class); + return (new PostFactory)->setModel(static::class); } } diff --git a/tests/TestSupport/Models/User.php b/tests/TestSupport/Models/User.php index 48df264..005bd54 100644 --- a/tests/TestSupport/Models/User.php +++ b/tests/TestSupport/Models/User.php @@ -1,6 +1,7 @@ registerMediapickerConversions($media); } - public function registerMediaCollections(): void { + public function registerMediaCollections(): void + { $this->registerMediapickerCollections(); } } diff --git a/tests/TestSupport/Providers/TestServiceProvider.php b/tests/TestSupport/Providers/TestServiceProvider.php index 151ca77..0382b53 100644 --- a/tests/TestSupport/Providers/TestServiceProvider.php +++ b/tests/TestSupport/Providers/TestServiceProvider.php @@ -20,8 +20,5 @@ public function boot() /** * Register the application services. */ - public function register() - { - - } + public function register() {} } diff --git a/tests/TestSupport/database/create_posts_table.php b/tests/TestSupport/database/create_posts_table.php index 31b74e6..050dcaa 100644 --- a/tests/TestSupport/database/create_posts_table.php +++ b/tests/TestSupport/database/create_posts_table.php @@ -1,10 +1,11 @@ id(); $table->string('title'); - $table->text('body')->nullable();; + $table->text('body')->nullable(); $table->timestamps(); }); } diff --git a/tests/TestSupport/database/create_users_table.php b/tests/TestSupport/database/create_users_table.php index c6fd10d..7ffc894 100644 --- a/tests/TestSupport/database/create_users_table.php +++ b/tests/TestSupport/database/create_users_table.php @@ -1,10 +1,11 @@ getModel(); $media = $this->getMedia(); - $media_adder = MediaAdderFactory::create($model, $media->getKey()); $this->assertInstanceOf(MediaAdder::class, $media_adder); @@ -32,7 +31,6 @@ public function it_can_create_a_media_adder_from_a_media_object(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = MediaAdderFactory::create($model, $media); $this->assertInstanceOf(MediaAdder::class, $media_adder); @@ -46,7 +44,6 @@ public function it_can_create_a_media_adder_from_a_request(): void $model = $this->getModel(); $media = $this->getMedia(); - Route::post('/add-media', function () { $model = Post::first(); @@ -81,7 +78,7 @@ public function it_can_create_multiple_media_adders_from_a_request(): void 'media' => [ $media_1->getKey(), $media_2->getKey(), - ] + ], ])->assertSuccessful(); } } diff --git a/tests/Unit/AttachmentCollections/MediaAdderTest.php b/tests/Unit/AttachmentCollections/MediaAdderTest.php index bd0094b..40c0b06 100644 --- a/tests/Unit/AttachmentCollections/MediaAdderTest.php +++ b/tests/Unit/AttachmentCollections/MediaAdderTest.php @@ -3,14 +3,11 @@ namespace Javaabu\Mediapicker\Tests\Unit\AttachmentCollections; use Illuminate\Foundation\Testing\RefreshDatabase; -use Illuminate\Support\Facades\Route; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\MediaIsTooBig; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\MediaUnacceptableForCollection; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\UnknownType; use Javaabu\Mediapicker\AttachmentCollections\MediaAdder; -use Javaabu\Mediapicker\AttachmentCollections\MediaAdderFactory; use Javaabu\Mediapicker\Tests\TestCase; -use Javaabu\Mediapicker\Tests\TestSupport\Models\Post; use PHPUnit\Framework\Attributes\Test; class MediaAdderTest extends TestCase @@ -22,7 +19,7 @@ public function it_can_set_media_adder_subject(): void { $model = $this->getModel(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder = $media_adder->setSubject($model); $this->assertInstanceOf(MediaAdder::class, $media_adder); @@ -33,7 +30,7 @@ public function it_can_set_media_adder_media_from_an_id(): void { $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder = $media_adder->setMedia($media->getKey()); @@ -45,7 +42,7 @@ public function it_can_set_media_adder_media_from_an_media_object(): void { $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder = $media_adder->setMedia($media); @@ -55,7 +52,7 @@ public function it_can_set_media_adder_media_from_an_media_object(): void #[Test] public function it_throws_an_error_when_setting_media_to_a_missing_media(): void { - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $this->expectException(UnknownType::class); @@ -68,9 +65,9 @@ public function it_throws_an_error_when_trying_to_attach_too_big_media(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) - ->setMedia($media); + ->setMedia($media); config()->set('media-library.max_file_size', 1); @@ -87,7 +84,7 @@ public function it_throws_an_error_when_trying_to_attach_an_unaccepted_file(): v $model = $this->getModelWithUnacceptedFile(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -104,7 +101,7 @@ public function it_throws_an_error_when_trying_to_attach_an_unaccepted_mime_type $model = $this->getModelWithUnacceptedMimeType(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -121,7 +118,7 @@ public function it_can_add_to_the_default_media_collection(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -133,7 +130,7 @@ public function it_can_add_to_the_default_media_collection(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 1, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); } @@ -143,7 +140,7 @@ public function it_can_add_to_a_specific_media_collection(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -155,7 +152,7 @@ public function it_can_add_to_a_specific_media_collection(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 1, - 'collection_name' => 'test' + 'collection_name' => 'test', ]); } @@ -165,7 +162,7 @@ public function it_increments_the_order_number_when_adding_media(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -177,12 +174,12 @@ public function it_increments_the_order_number_when_adding_media(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 1, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -194,7 +191,7 @@ public function it_increments_the_order_number_when_adding_media(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 2, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); } @@ -204,7 +201,7 @@ public function it_can_set_order_when_adding_media_to_a_collection(): void $model = $this->getModel(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media) ->setOrder(3); @@ -217,7 +214,7 @@ public function it_can_set_order_when_adding_media_to_a_collection(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 3, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); } @@ -227,7 +224,7 @@ public function it_removes_previous_attachments_when_adding_media_to_a_single_co $model = $this->getModelWithSingleFile(); $media = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media); @@ -239,12 +236,12 @@ public function it_removes_previous_attachments_when_adding_media_to_a_single_co 'model_id' => $model->getKey(), 'model_type' => $model->getMorphClass(), 'order_column' => 1, - 'collection_name' => 'test' + 'collection_name' => 'test', ]); $media_2 = $this->getMedia(); - $media_adder = new MediaAdder(); + $media_adder = new MediaAdder; $media_adder->setSubject($model) ->setMedia($media_2); @@ -260,8 +257,7 @@ public function it_removes_previous_attachments_when_adding_media_to_a_single_co 'model_id' => $model->getKey(), 'model_type' => $model->getMorphClass(), 'order_column' => 2, - 'collection_name' => 'test' + 'collection_name' => 'test', ]); } - } diff --git a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php index f8d20ce..3c01397 100644 --- a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php +++ b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php @@ -37,13 +37,13 @@ public function it_deletes_the_attachment_when_the_model_is_deleted(): void ]); $this->assertDatabaseHas('posts', [ - 'id' => $post->id + 'id' => $post->id, ]); $post->delete(); $this->assertDatabaseMissing('posts', [ - 'id' => $post->id + 'id' => $post->id, ]); $this->assertDatabaseMissing('attachments', [ @@ -55,7 +55,7 @@ public function it_deletes_the_attachment_when_the_model_is_deleted(): void #[Test] public function it_can_get_the_attachment_model(): void { - $post = new Post(); + $post = new Post; $this->assertEquals(Attachment::class, $post->getAttachmentModel()); } @@ -97,7 +97,6 @@ public function it_can_add_attachment_from_a_request(): void $model = $this->getModel(); $media = $this->getMedia(); - Route::post('/add-attachment', function () { /** @var Post $model */ $model = Post::first(); @@ -119,7 +118,7 @@ public function it_can_add_attachment_from_a_request(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 1, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); } @@ -132,7 +131,6 @@ public function it_can_add_multiple_attachments_from_a_request(): void $media_1 = $this->getMedia(); $media_2 = $this->getMedia(); - Route::post('/add-attachments', function () { /** @var Post $model */ $model = Post::first(); @@ -149,7 +147,7 @@ public function it_can_add_multiple_attachments_from_a_request(): void $this->post('/add-attachments', [ 'media_1' => $media_1->getKey(), - 'media_2' => $media_2->getKey() + 'media_2' => $media_2->getKey(), ])->assertSuccessful(); $this->assertDatabaseHas('attachments', [ @@ -157,7 +155,7 @@ public function it_can_add_multiple_attachments_from_a_request(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 1, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); $this->assertDatabaseHas('attachments', [ @@ -165,7 +163,7 @@ public function it_can_add_multiple_attachments_from_a_request(): void 'model_id' => $model->getKey(), 'model_type' => 'post', 'order_column' => 2, - 'collection_name' => 'default' + 'collection_name' => 'default', ]); } @@ -534,7 +532,7 @@ public function it_can_update_single_attachment(): void // Create a request with media_id $request = new Request([ - 'avatar' => $media->id + 'avatar' => $media->id, ]); // Update the attachment @@ -547,7 +545,7 @@ public function it_can_update_single_attachment(): void // Test clearing the attachment $clearRequest = new Request([ 'avatar' => null, - 'clear_file' => true + 'clear_file' => true, ]); $clearResult = $post->updateSingleAttachment('avatar', $clearRequest); @@ -639,7 +637,7 @@ public function it_reuses_conversions_from_other_models(): void $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path_2); $this->assertFileExists($path_2); - $file_hash_2 = hash_file('sha256', $path_2); + $file_hash_2 = hash_file('sha256', $path_2); $this->assertEquals($file_hash, $file_hash_2); } } diff --git a/tests/Unit/Conversions/AttachmentConversionCollectionTest.php b/tests/Unit/Conversions/AttachmentConversionCollectionTest.php index 8ac9c68..28732b5 100644 --- a/tests/Unit/Conversions/AttachmentConversionCollectionTest.php +++ b/tests/Unit/Conversions/AttachmentConversionCollectionTest.php @@ -4,10 +4,7 @@ use Illuminate\Foundation\Testing\RefreshDatabase; use Javaabu\Mediapicker\Conversions\AttachmentConversionCollection; -use Javaabu\Mediapicker\Models\Attachment; use Javaabu\Mediapicker\Tests\TestCase; -use Javaabu\Mediapicker\Tests\TestSupport\Models\Post; -use Javaabu\Mediapicker\Tests\TestSupport\Models\User; use PHPUnit\Framework\Attributes\Test; class AttachmentConversionCollectionTest extends TestCase diff --git a/tests/Unit/Models/MediaTest.php b/tests/Unit/Models/MediaTest.php index 0f41b82..b56aedc 100644 --- a/tests/Unit/Models/MediaTest.php +++ b/tests/Unit/Models/MediaTest.php @@ -17,7 +17,7 @@ class MediaTest extends TestCase #[Test] public function it_can_set_media_description(): void { - $media = new Media(); + $media = new Media; $media->description = 'test description'; $this->assertEquals('test description', $media->description); @@ -26,7 +26,7 @@ public function it_can_set_media_description(): void #[Test] public function it_can_set_the_image_dimensions(): void { - $media = new Media(); + $media = new Media; $media->width = 200; $media->height = 100; @@ -39,7 +39,7 @@ public function it_can_get_the_media_file_type(): void { $media_1 = $this->getMedia(); - $media = new Media(); + $media = new Media; $media->forceFill($media_1->attributesToArray()); $this->assertEquals('image', $media->file_type); @@ -50,10 +50,10 @@ public function it_can_get_the_media_icon(): void { $media_1 = $this->getMedia(); - $media = new Media(); + $media = new Media; $media->forceFill($media_1->attributesToArray()); - $this->assertEquals('fa-regular fa-file-image', $media->getIcon()); + $this->assertEquals('image', $media->getIcon()); } #[Test] @@ -62,7 +62,7 @@ public function it_can_filter_media_by_file_type(): void $media_1 = $this->getMedia($this->getTestJpg()); $media_2 = $this->getMedia($this->getTestPdf()); - $media = Media::hasFileType('pdf')->get(); + $media = Media::hasFileType('document')->get(); $this->assertCount(1, $media); $this->assertEquals($media_2->id, $media->first()->id); From 1acff237079c1c10356e2a2c6a2f1e585a31448f Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 20:10:45 +0500 Subject: [PATCH 02/14] Overridable controller, Route::mediapicker(), media policy and permissions, JSON API - Route::mediapicker([guard, prefix, name, middleware, controller]) replaces Mediapicker::registerRoutes(); each guard can have its own library, and URLs are built from the library the request came through - The controller comes from config('mediapicker.media_controller') or the macro; every action answers JSON (MediaResource) or a Blade/Inertia page - view/view_others/edit/edit_others/delete/delete_others_media registered through javaabu/permissions; MediaPolicy extends ResourcePolicy with ownership and is overridable from config, permissions.policies or Gate::policy() - MediaOwner no longer carries the can*Media() checks; the policy decides - Uploads take a type, details (name, description, alt, caption) and crops - Attachment conversion files are removed before the media's attachments go Closes #10 Co-Authored-By: Claude Opus 5.5 --- config/mediapicker.php | 68 ++- lang/dv.json | 1 + lang/en.json | 1 + src/Concerns/OwnsMedia.php | 68 +-- src/Contracts/MediaOwner.php | 43 +- src/Cropping/Cropper.php | 63 +++ src/Events/MediaCropped.php | 23 + src/FileRemover/AttachmentFileRemover.php | 7 +- src/Http/Controllers/MediaController.php | 535 ++++++++++++------ src/Http/Requests/MediaRequest.php | 57 -- src/Http/Requests/StoreMediaRequest.php | 74 +++ src/Http/Requests/UpdateMediaRequest.php | 30 + src/Http/Resources/MediaResource.php | 117 ++++ src/Mediapicker.php | 99 ++-- src/MediapickerServiceProvider.php | 134 +++-- src/Models/Media.php | 162 ++++-- src/Models/Observers/MediaObserver.php | 6 +- src/Policies/MediaPolicy.php | 98 +++- src/Routing/MediapickerRoutes.php | 107 ++++ src/Support/CropPresets.php | 115 ++++ src/Support/Strings.php | 121 ++++ src/Support/Translations.php | 60 ++ src/Views/ViewRenderer.php | 64 +++ .../Controllers/MediaControllerTest.php | 498 ---------------- tests/Http/AuthorizationTest.php | 211 +++++++ tests/Http/InteractsWithLibrary.php | 94 +++ tests/Http/MediaApiTest.php | 358 ++++++++++++ tests/Http/OverridingTest.php | 84 +++ tests/TestCase.php | 83 ++- tests/TestSupport/Factories/AdminFactory.php | 19 + .../Http/CustomMediaController.php | 17 + tests/TestSupport/Models/Admin.php | 42 ++ tests/TestSupport/Models/User.php | 8 +- tests/TestSupport/Policies/DenyAllPolicy.php | 18 + .../Providers/TestServiceProvider.php | 15 +- .../2024_01_01_000000_create_media_table.php | 4 + ... 2024_01_01_000001_create_users_table.php} | 0 .../2024_01_01_000002_create_admins_table.php | 23 + ... 2024_01_01_000003_create_posts_table.php} | 0 tests/Unit/Models/MediaTest.php | 11 +- 40 files changed, 2497 insertions(+), 1041 deletions(-) create mode 100644 lang/dv.json create mode 100644 lang/en.json create mode 100644 src/Cropping/Cropper.php create mode 100644 src/Events/MediaCropped.php delete mode 100644 src/Http/Requests/MediaRequest.php create mode 100644 src/Http/Requests/StoreMediaRequest.php create mode 100644 src/Http/Requests/UpdateMediaRequest.php create mode 100644 src/Http/Resources/MediaResource.php create mode 100644 src/Routing/MediapickerRoutes.php create mode 100644 src/Support/CropPresets.php create mode 100644 src/Support/Strings.php create mode 100644 src/Support/Translations.php create mode 100644 src/Views/ViewRenderer.php delete mode 100644 tests/Feature/Controllers/MediaControllerTest.php create mode 100644 tests/Http/AuthorizationTest.php create mode 100644 tests/Http/InteractsWithLibrary.php create mode 100644 tests/Http/MediaApiTest.php create mode 100644 tests/Http/OverridingTest.php create mode 100644 tests/TestSupport/Factories/AdminFactory.php create mode 100644 tests/TestSupport/Http/CustomMediaController.php create mode 100644 tests/TestSupport/Models/Admin.php create mode 100644 tests/TestSupport/Policies/DenyAllPolicy.php create mode 100644 tests/TestSupport/database/2024_01_01_000000_create_media_table.php rename tests/TestSupport/database/{create_users_table.php => 2024_01_01_000001_create_users_table.php} (100%) create mode 100644 tests/TestSupport/database/2024_01_01_000002_create_admins_table.php rename tests/TestSupport/database/{create_posts_table.php => 2024_01_01_000003_create_posts_table.php} (100%) diff --git a/config/mediapicker.php b/config/mediapicker.php index 85f39f2..adb7d4d 100644 --- a/config/mediapicker.php +++ b/config/mediapicker.php @@ -7,6 +7,7 @@ use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Models\Observers\AttachmentObserver; use Javaabu\Mediapicker\Models\Observers\MediaObserver; +use Javaabu\Mediapicker\Policies\MediaPolicy; return [ @@ -99,6 +100,44 @@ 'max_upload_size' => null, + /* + |-------------------------------------------------------------------------- + | Crop presets + |-------------------------------------------------------------------------- + | + | The aspect ratios images can be cropped to (width / height; null crops + | freely). Crops are saved per preset on the media and never change the + | original. Attachment conversions use one with ->usingCrop('wide'). + | + */ + + 'crop_presets' => [ + 'square' => ['label' => 'Square', 'aspect' => 1], + 'wide' => ['label' => 'Wide (16:9)', 'aspect' => 16 / 9], + 'landscape' => ['label' => 'Landscape (4:3)', 'aspect' => 4 / 3], + 'portrait' => ['label' => 'Portrait (3:4)', 'aspect' => 3 / 4], + 'free' => ['label' => 'Free', 'aspect' => null], + ], + + /* + |-------------------------------------------------------------------------- + | Pages + |-------------------------------------------------------------------------- + | + | views: `blade` (javaabu/forms) or `inertia` (React pages through + | javaabu/manifest). The Blade pages extend `layout` and fill + | `layout_section`. per_page is the library's page size. + | + */ + + 'views' => 'blade', + + 'layout' => 'layouts.app', + + 'layout_section' => 'content', + + 'per_page' => 24, + /* |-------------------------------------------------------------------------- | Controllers @@ -113,31 +152,32 @@ /* |-------------------------------------------------------------------------- - | Observers, jobs and file removal + | Permissions and policy |-------------------------------------------------------------------------- + | + | The media permissions are registered with javaabu/permissions (run + | `php artisan permissions:sync`). The policy can be swapped here, in + | config('permissions.policies') or with Gate::policy(). + | */ - 'attachment_observer' => AttachmentObserver::class, - - 'media_observer' => MediaObserver::class, + 'register_permissions' => true, - 'jobs' => [ - 'perform_conversions' => PerformAttachmentConversionsJob::class, - ], - - 'file_remover_class' => AttachmentFileRemover::class, + 'policy' => MediaPolicy::class, /* |-------------------------------------------------------------------------- - | Views + | Observers, jobs and file removal |-------------------------------------------------------------------------- */ - 'framework' => 'material-admin-26', + 'attachment_observer' => AttachmentObserver::class, - 'default_layout' => 'layouts.admin', + 'media_observer' => MediaObserver::class, - 'picker_layout' => 'layouts.admin-blank', + 'jobs' => [ + 'perform_conversions' => PerformAttachmentConversionsJob::class, + ], - 'scripts_stack' => 'scripts', + 'file_remover_class' => AttachmentFileRemover::class, ]; diff --git a/lang/dv.json b/lang/dv.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/lang/dv.json @@ -0,0 +1 @@ +{} diff --git a/lang/en.json b/lang/en.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/lang/en.json @@ -0,0 +1 @@ +{} diff --git a/src/Concerns/OwnsMedia.php b/src/Concerns/OwnsMedia.php index 76ccf6f..d193c28 100644 --- a/src/Concerns/OwnsMedia.php +++ b/src/Concerns/OwnsMedia.php @@ -15,10 +15,10 @@ public function getMediapickerCollectionName(): string return Mediapicker::collectionName(); } - /* - * Register the media picker collections. + /** + * Register the library collection, accepting the file types in config('mediapicker.file_types') */ - public function registerMediapickerCollections() + public function registerMediapickerCollections(): void { $this->addMediaCollection($this->getMediapickerCollectionName()) ->acceptsFile(function (File $file) { @@ -26,10 +26,11 @@ public function registerMediapickerCollections() }); } - /* - * Register the media picker conversions. + /** + * Register the library conversions: a square thumbnail, made right away so pickers can show + * it, and a queued preview */ - public function registerMediapickerConversions(?Media $media = null) + public function registerMediapickerConversions(?Media $media = null): void { $this->addMediaConversion('mediapicker-large') ->fit(Fit::Max, 1200, 1200) @@ -46,59 +47,12 @@ public function registerMediapickerConversions(?Media $media = null) ->shouldBePerformedOn($this->getMediapickerCollectionName()); } - /* - * Check if can owns the given media + /** + * Whether this owner uploaded the media */ public function ownsMedia(Media $media): bool { - return $media->model_type == $this->getMorphClass() && $media->model_id == $this->getKey(); - } - - public function canViewAnyMedia(): bool - { - return $this->can('view_media'); - } - - public function canCreateMedia(): bool - { - return $this->can('edit_media'); - } - - public function canDeleteAnyMedia(): bool - { - return $this->can('delete_media'); - } - - public function canViewOthersMedia(): bool - { - return $this->can('view_others_media'); - } - - public function canEditOthersMedia(): bool - { - return $this->can('edit_others_media'); - } - - public function canDeleteOthersMedia(): bool - { - return $this->can('delete_others_media'); - } - - public function canViewMedia(Media $media): bool - { - return $this->canViewAnyMedia() && - ($this->canViewOthersMedia() || $this->ownsMedia($media)); - } - - public function canEditMedia(Media $media): bool - { - return $this->canCreateMedia() && - ($this->canEditOthersMedia() || $this->ownsMedia($media)); - } - - public function canDeleteMedia(Media $media): bool - { - return $this->canDeleteAnyMedia() && - ($this->canDeleteOthersMedia() || $this->ownsMedia($media)); + return $media->model_type === $this->getMorphClass() + && (string) $media->model_id === (string) $this->getKey(); } } diff --git a/src/Contracts/MediaOwner.php b/src/Contracts/MediaOwner.php index 280011d..e1307d2 100644 --- a/src/Contracts/MediaOwner.php +++ b/src/Contracts/MediaOwner.php @@ -6,40 +6,31 @@ use Spatie\MediaLibrary\HasMedia; use Spatie\MediaLibrary\MediaCollections\Models\Media; +/** + * A user model with a media library: any guard's user can be an owner + * + * Use the `OwnsMedia` trait to implement it. What an owner may do in the library is decided + * by the media policy (`view_media`, `edit_media`, … through javaabu/permissions). + */ interface MediaOwner extends Authorizable, HasMedia { - /* - * Register the media picker collections. + /** + * Register the library collection */ - public function registerMediapickerCollections(); + public function registerMediapickerCollections(): void; - /* - * Register the media picker conversions. + /** + * Register the library thumbnail and preview conversions */ - public function registerMediapickerConversions(?Media $media = null); + public function registerMediapickerConversions(?Media $media = null): void; + /** + * The media collection that holds this owner's library uploads + */ public function getMediapickerCollectionName(): string; - /* - * Check if can owns the given media + /** + * Whether this owner uploaded the media */ public function ownsMedia(Media $media): bool; - - public function canViewAnyMedia(): bool; - - public function canCreateMedia(): bool; - - public function canDeleteAnyMedia(): bool; - - public function canViewOthersMedia(): bool; - - public function canEditOthersMedia(): bool; - - public function canDeleteOthersMedia(): bool; - - public function canViewMedia(Media $media): bool; - - public function canEditMedia(Media $media): bool; - - public function canDeleteMedia(Media $media): bool; } diff --git a/src/Cropping/Cropper.php b/src/Cropping/Cropper.php new file mode 100644 index 0000000..3a098e5 --- /dev/null +++ b/src/Cropping/Cropper.php @@ -0,0 +1,63 @@ +crop($media, 'wide', ['x' => 0, 'y' => 120, 'width' => 1600, 'height' => 900]); + * ``` + */ +class Cropper +{ + /** + * @param array $crop `x`, `y`, `width`, `height` in source pixels, and `rotation` in degrees + */ + public function crop(Media $media, string $preset, array $crop): Media + { + if (! CropPresets::exists($preset)) { + throw new InvalidArgumentException("Unknown crop preset [{$preset}]."); + } + + $crop = CropPresets::normalize($crop); + + $crops = $media->getCustomProperty('crops', []); + $crops[$preset] = $crop; + + $media->setCustomProperty('crops', $crops); + $media->save(); + + MediaCropped::dispatch($media, $preset, $crop); + + return $media; + } + + /** + * Remove a preset's crop, so conversions that use it go back to the whole image + */ + public function forget(Media $media, string $preset): Media + { + $crops = $media->getCustomProperty('crops', []); + + unset($crops[$preset]); + + $media->setCustomProperty('crops', $crops); + $media->save(); + + return $media; + } + + /** + * @return array{x: int, y: int, width: int, height: int, rotation: int}|null + */ + public function cropFor(Media $media, string $preset): ?array + { + return $media->getCustomProperty("crops.{$preset}"); + } +} diff --git a/src/Events/MediaCropped.php b/src/Events/MediaCropped.php new file mode 100644 index 0000000..daa173f --- /dev/null +++ b/src/Events/MediaCropped.php @@ -0,0 +1,23 @@ +mediaFileSystem->getMediaDirectory($media, 'conversions'); + $conversionsDirectory = PathGeneratorFactory::create($media)->getPathForConversions($media); - $remover = $this; + if (! $this->filesystem->disk($disk)->directoryExists($conversionsDirectory)) { + return; + } collect([$conversionsDirectory]) ->each(function (string $directory) use ($media, $disk) { diff --git a/src/Http/Controllers/MediaController.php b/src/Http/Controllers/MediaController.php index 73a1a6b..e3619b2 100644 --- a/src/Http/Controllers/MediaController.php +++ b/src/Http/Controllers/MediaController.php @@ -2,292 +2,471 @@ namespace Javaabu\Mediapicker\Http\Controllers; -use Exception; -use Illuminate\Foundation\Auth\Access\AuthorizesRequests; -use Illuminate\Foundation\Validation\ValidatesRequests; +use Illuminate\Contracts\Support\Responsable; +use Illuminate\Contracts\View\View; +use Illuminate\Database\Eloquent\Builder; +use Illuminate\Http\JsonResponse; +use Illuminate\Http\RedirectResponse; use Illuminate\Http\Request; +use Illuminate\Http\Resources\Json\AnonymousResourceCollection; +use Illuminate\Http\UploadedFile; +use Illuminate\Pagination\LengthAwarePaginator; use Illuminate\Routing\Controller; use Illuminate\Support\Arr; -use Illuminate\Support\Facades\Log; +use Illuminate\Support\Facades\Gate; +use Illuminate\Support\Str; +use Illuminate\Validation\Rule; use Javaabu\Mediapicker\Contracts\MediaOwner; -use Javaabu\Mediapicker\Http\Requests\MediaRequest; +use Javaabu\Mediapicker\Cropping\Cropper; +use Javaabu\Mediapicker\Http\Requests\StoreMediaRequest; +use Javaabu\Mediapicker\Http\Requests\UpdateMediaRequest; +use Javaabu\Mediapicker\Http\Resources\MediaResource; use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\Models\Media; +use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Javaabu\Mediapicker\Support\CropPresets; use Javaabu\Mediapicker\Support\FileTypes; +use Javaabu\Mediapicker\Support\Strings; +use Javaabu\Mediapicker\Support\Translations; +use Javaabu\Mediapicker\Views\ViewRenderer; use Spatie\Image\Image; - +use Throwable; + +/** + * The media library: the library pages, uploads, details, crops and bulk deletes + * + * Every action answers JSON when the request expects it (the pickers use that), and a Blade + * or Inertia page otherwise. Override it with `config('mediapicker.media_controller')`, the + * `controller` option of `Route::mediapicker()`, or by binding a subclass in the container. + */ class MediaController extends Controller { - use AuthorizesRequests; - use ValidatesRequests; + /** The orders the library can be sorted by */ + public const array ORDERBYS = ['created_at', 'name', 'size', 'id']; + + public function __construct( + protected ViewRenderer $views, + ) {} - protected function flashSuccessMessage(): void + public function index(Request $request): View|Responsable|JsonResponse { - session()->flash('success', __('Saved.')); + $this->authorizeAbility($request, 'viewAny', Mediapicker::mediaModel()); + + $filters = $this->filters($request); + + $media = $this->query($request, $filters) + ->with('model') + ->paginate($filters['per_page']) + ->withQueryString(); + + if ($request->expectsJson()) { + return $this->resourceCollection($request, $media)->response(); + } + + return $this->views->render('media.index', [ + 'media_items' => $this->views->isInertia() ? $this->resourceCollection($request, $media) : $media, + 'filters' => $filters, + ...$this->pageData($request), + 'title' => $filters['search'] + ? __('Media matching ":search"', ['search' => $filters['search']]) + : __('Media library'), + ]); } - /** - * @return Media - */ - protected function resolveMedia(string|int $media_id) + public function create(Request $request): View|Responsable { - $model_class = Mediapicker::mediaModel(); + $this->authorizeAbility($request, 'create', Mediapicker::mediaModel()); - $media = $model_class::findForController($media_id)->firstOrFail(); - - return $media; + return $this->views->render('media.create', [ + ...$this->pageData($request), + 'title' => __('Upload media'), + ]); } - /** - * Display a listing of the resource. - */ - public function index(Request $request) + public function store(StoreMediaRequest $request): JsonResponse|RedirectResponse { - $this->authorize('viewAny', Mediapicker::mediaModel()); + $this->authorizeAbility($request, 'create', Mediapicker::mediaModel()); - $title = __('All Media'); - $orderby = in_array($request->input('orderby'), ['name', 'created_at', 'id']) ? $request->input('orderby') : 'created_at'; - $order = $request->input('order') === 'asc' ? 'asc' : 'desc'; - $per_page = min(max($request->integer('per_page', 24), 1), 100); + /** @var MediaOwner $user */ + $user = $request->user(); - $view = $request->input('view', 'grid'); + $media = $this->addToLibrary($user, $request->file('file'), $request); - $media_class = Mediapicker::mediaModel(); + if ($request->expectsJson()) { + return $this->resource($request, $media)->response()->setStatusCode(201); + } + + return redirect() + ->to($this->url($request, 'edit', $media)) + ->with('success', __('The file was uploaded.')); + } - $media_items = $media_class::userVisible() - ->orderBy($orderby, $order); + public function show(Request $request, string $media): View|Responsable|JsonResponse + { + $media = $this->findMedia($request, $media); - $mode = $request->input('mode', 'index'); - $single = $request->input('single') == true; + $this->authorizeAbility($request, 'view', $media); - $search = null; - if ($search = $request->input('search')) { - $media_items->search($search); - $title = __('Media matching \':search\'', ['search' => $search]); + if ($request->expectsJson()) { + return $this->resource($request, $media)->response(); } - $type = $request->input('type'); + return $this->views->render('media.show', [ + 'media' => $this->views->isInertia() ? $this->resource($request, $media)->resolve($request) : $media, + ...$this->pageData($request, $media), + 'title' => $media->name, + ]); + } - if ($type) { - $media_items->hasFileType($type); - } + public function edit(Request $request, string $media): View|Responsable + { + $media = $this->findMedia($request, $media); - if ($date_from = $request->date('date_from')) { - $media_items->where('created_at', '>=', $date_from->startOfDay()); - } + $this->authorizeAbility($request, 'update', $media); + + return $this->views->render('media.edit', [ + 'media' => $this->views->isInertia() ? $this->resource($request, $media)->resolve($request) : $media, + ...$this->pageData($request, $media), + 'title' => __('Edit :name', ['name' => $media->name]), + ]); + } + + public function update(UpdateMediaRequest $request, string $media): JsonResponse|RedirectResponse + { + $media = $this->findMedia($request, $media); - if ($date_to = $request->date('date_to')) { - $media_items->where('created_at', '<=', $date_to->endOfDay()); + $this->authorizeAbility($request, 'update', $media); + + $media->fill($request->validated()); + $media->save(); + + if ($request->expectsJson()) { + return $this->resource($request, $media->refresh())->response(); } - $media_items = $media_items->with('model') - ->paginate($per_page) - ->appends($request->except('page')); + return redirect() + ->to($this->url($request, 'edit', $media)) + ->with('success', __('The details were saved.')); + } + + public function destroy(Request $request, string $media): JsonResponse|RedirectResponse + { + $media = $this->findMedia($request, $media); + + $this->authorizeAbility($request, 'delete', $media); - $selected = $request->input('selected', []); - $selected = Arr::wrap($selected); + $media->delete(); - if ($single && $selected) { - $selected = [$selected[0]]; + if ($request->expectsJson()) { + return response()->json(null, 204); } - $view_name = $mode == 'picker' ? 'media.picker.show' : 'media.index'; - - return view(Mediapicker::getViewName($view_name), compact( - 'media_items', - 'single', - 'selected', - 'type', - 'mode', - 'title', - 'per_page', - 'search', - 'view' - )); + return redirect() + ->to($this->url($request, 'index')) + ->with('success', __('The file was deleted.')); } /** - * Store a newly created resource in storage. + * Save the crop of an image for a preset, and regenerate the conversions that use it */ - public function store(MediaRequest $request) + public function crop(Request $request, string $media, string $preset): JsonResponse|RedirectResponse { - $this->authorize('create', Mediapicker::mediaModel()); + $media = $this->findMedia($request, $media); - /** @var MediaOwner $user */ - $user = $request->user(); + $this->authorizeAbility($request, 'update', $media); + + abort_unless(CropPresets::exists($preset), 404); + abort_unless($media->isImage(), 422, __('Only images can be cropped.')); - $file = $request->file('file'); + $crop = $request->validate(CropPresets::cropRules()); - $media = $user->addMedia($file); + app(Cropper::class)->crop($media, $preset, $crop); - if ($name = $request->input('name')) { - $media->usingName($name); + if ($request->expectsJson()) { + return $this->resource($request, $media->refresh())->response(); } - $custom_properties = []; + return redirect() + ->to($this->url($request, 'edit', $media)) + ->with('success', __('The crop was saved.')); + } - if ($description = $request->input('description')) { - $custom_properties['description'] = $description; - } + /** + * Bulk actions on the library: `action=delete` with `media[]` + */ + public function bulk(Request $request): JsonResponse|RedirectResponse + { + $this->authorizeAbility($request, 'viewAny', Mediapicker::mediaModel()); - // get dimensions - try { - $image = Image::load($file); + $validated = $request->validate([ + 'action' => ['required', Rule::in(['delete'])], + 'media' => ['required', 'array', 'max:500'], + 'media.*' => ['integer'], + ]); - $custom_properties['width'] = $image->getWidth(); - $custom_properties['height'] = $image->getHeight(); - } catch (Exception $e) { - Log::error('MediapickerError: Could not load image dimensions. Error: ' . $e->getMessage()); - } + $media_items = $this->query($request) + ->whereKey($validated['media']) + ->get(); - if ($custom_properties) { - $media->withCustomProperties($custom_properties); - } + abort_if($media_items->count() !== count(array_unique($validated['media'])), 422, __('Some of the selected files can\'t be found.')); - $media = $media->toMediaCollection($user->getMediapickerCollectionName()); + $media_items->each(fn (Media $media) => $this->authorizeAbility($request, 'delete', $media)); - $edit_url = Mediapicker::newMediaInstance()->url('edit', $media); + $media_items->each(fn (Media $media) => $media->delete()); if ($request->expectsJson()) { - return response()->json([ - 'success' => true, - 'id' => $media->id, - 'uuid' => $media->uuid, - 'thumb' => $media->getUrl('mediapicker-thumb'), - 'large' => $media->getUrl('mediapicker-large'), - 'file_type' => FileTypes::typeOf($media->mime_type), - 'icon' => FileTypes::icon($media->mime_type), - 'name' => $media->name, - 'file_name' => $media->file_name, - 'url' => $media->getUrl(), - 'edit_url' => $edit_url, - ]); + return response()->json(['deleted' => $media_items->modelKeys()]); } - $this->flashSuccessMessage(); - - return redirect()->to($edit_url); + return redirect() + ->to($this->url($request, 'index', parameters: Arr::only($request->query(), ['view']))) + ->with('success', trans_choice('{1} :count file was deleted.|[2,*] :count files were deleted.', $media_items->count())); } /** - * Show the form for creating a new resource. + * Add an uploaded file to the user's library, with its details, size and crops */ - public function create() + protected function addToLibrary(MediaOwner $user, UploadedFile $file, StoreMediaRequest $request): Media { - $this->authorize('create', Mediapicker::mediaModel()); + $adder = $user->addMedia($file); - return view(Mediapicker::getViewName('media.create')); - } + $name = $request->input('name') ?: pathinfo($file->getClientOriginalName(), PATHINFO_FILENAME); - /** - * Display the specified resource. - */ - public function show(string|int $media_id) - { - $media = $this->resolveMedia($media_id); + $adder->usingName(Str::limit($name, 255, '')); + + $custom_properties = array_filter( + Arr::only($request->validated(), ['description', 'alt', 'caption']), + fn ($value) => filled($value), + ); + + if (FileTypes::typeOf($file->getMimeType()) === 'image') { + $custom_properties = [...$custom_properties, ...$this->dimensions($file)]; + } + + if ($crops = $request->validated('crops')) { + $custom_properties['crops'] = array_map(fn (array $crop) => CropPresets::normalize($crop), $crops); + } + + if ($custom_properties) { + $adder->withCustomProperties($custom_properties); + } - $this->authorize('view', $media); + /** @var Media $media */ + $media = $adder->toMediaCollection($user->getMediapickerCollectionName()); + + if (Translations::supports($media)) { + $media->fill(Arr::except($request->validated(), ['file', 'type', 'crops', 'name', 'description', 'alt', 'caption'])); + $media->save(); + } - return view(Mediapicker::getViewName('media.show'), compact('media')); + return $media; } /** - * Show the form for editing the specified resource. + * @return array{width?: int, height?: int} */ - public function edit(string|int $media_id) + protected function dimensions(UploadedFile $file): array { - $media = $this->resolveMedia($media_id); + try { + $image = Image::load($file->getRealPath()); - $this->authorize('update', $media); + return ['width' => $image->getWidth(), 'height' => $image->getHeight()]; + } catch (Throwable $exception) { + report($exception); - return view(Mediapicker::getViewName('media.edit'), compact('media')); + return []; + } } /** - * Update the specified resource in storage. + * The library media the user may see, filtered + * + * @param array|null $filters */ - public function update(MediaRequest $request, string|int $media_id) + protected function query(Request $request, ?array $filters = null): Builder { - $media = $this->resolveMedia($media_id); + $media_class = Mediapicker::mediaModel(); - $this->authorize('update', $media); + $query = $media_class::query()->visibleTo($request->user()); - $media->fill($request->only(['name', 'description'])); - $media->save(); + if ($filters === null) { + return $query; + } - if ($request->expectsJson()) { - return response()->json($media); + $query->search($filters['search']); + + if ($filters['type']) { + $query->hasFileType($filters['type']); } - $this->flashSuccessMessage(); + if ($filters['owner'] === 'mine' && $request->user()) { + $query->ownedBy($request->user()); + } + + if ($filters['date_from']) { + $query->where('created_at', '>=', $filters['date_from'] . ' 00:00:00'); + } + + if ($filters['date_to']) { + $query->where('created_at', '<=', $filters['date_to'] . ' 23:59:59'); + } - return redirect()->to($media->url('edit')); + return $query->orderBy($filters['orderby'], $filters['order']) + ->orderBy('id', $filters['order']); } /** - * Remove the specified resource from storage. + * The filters of the library from the query string + * + * @return array{ + * search: ?string, + * type: array, + * owner: ?string, + * date_from: ?string, + * date_to: ?string, + * orderby: string, + * order: string, + * per_page: int, + * view: string + * } */ - public function destroy(string|int $media_id, Request $request) + protected function filters(Request $request): array { - $media = $this->resolveMedia($media_id); - - $this->authorize('delete', $media); + $types = array_values(array_filter( + Arr::wrap($request->query('type')), + fn ($type) => is_string($type) && FileTypes::exists($type), + )); - $media->delete(); + $date = fn (string $key) => is_string($request->query($key)) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $request->query($key)) + ? $request->query($key) + : null; + + $orderby = in_array($request->query('orderby'), self::ORDERBYS, true) ? $request->query('orderby') : 'created_at'; + + return [ + 'search' => is_string($request->query('search')) ? trim($request->query('search')) : null, + 'type' => $types, + 'owner' => $request->query('owner') === 'mine' ? 'mine' : null, + 'date_from' => $date('date_from'), + 'date_to' => $date('date_to'), + 'orderby' => $orderby, + 'order' => $request->query('order') === 'asc' ? 'asc' : 'desc', + 'per_page' => min(max($request->integer('per_page', config('mediapicker.per_page', 24)), 1), 100), + 'view' => $request->query('view') === 'list' ? 'list' : 'grid', + ]; + } - if ($request->expectsJson()) { - return response()->json(true); - } + /** + * What every page gets: permissions, URLs, file types, crop presets and strings + * + * @return array + */ + protected function pageData(Request $request, ?Media $media = null): array + { + $media_class = Mediapicker::mediaModel(); + $user = $request->user(); - return redirect()->to($media->url('index')); + return [ + 'can' => [ + 'create' => (bool) $user?->can('create', $media_class), + 'view_others' => (bool) $user?->can('viewOthers', $media_class), + 'update' => $media ? (bool) $user?->can('update', $media) : null, + 'delete' => $media ? (bool) $user?->can('delete', $media) : null, + ], + 'urls' => $this->urls($request, $media), + 'file_types' => $this->fileTypeOptions(), + 'upload' => [ + 'accept' => implode(',', FileTypes::mimeTypes()), + 'max_size' => FileTypes::maxSize(), + ], + 'crop_presets' => CropPresets::forUi(), + 'translatable' => Translations::enabled(), + 'strings' => $this->views->isInertia() ? Strings::all() : null, + ]; } /** - * Update the specified resource in storage. + * @return array */ - public function bulk(Request $request) + protected function fileTypeOptions(): array { - $this->authorize('create', Mediapicker::mediaModel()); - - /** @var MediaOwner $user */ - $user = $request->user(); + return array_map(fn (string $type) => [ + 'value' => $type, + 'label' => __(Str::headline($type)), + 'icon' => FileTypes::all()[$type]['icon'] ?? 'file', + ], FileTypes::types()); + } - $rules = [ - 'action' => 'required|in:delete', - 'media' => 'required|array', - 'media.*' => 'exists:media,id,collection_name,' . $user->getMediapickerCollectionName() . ',model_type,' . $user->getMorphClass(), + /** + * @return array + */ + protected function urls(Request $request, ?Media $media = null): array + { + $urls = [ + 'index' => $this->url($request, 'index'), + 'create' => $this->url($request, 'create'), + 'store' => $this->url($request, 'store'), + 'bulk' => $this->url($request, 'bulk'), ]; - if (! $user->canDeleteOthersMedia()) { - $rules['media.*'] .= ',model_id,' . $user->getKey(); + if ($media) { + $urls = [ + ...$urls, + 'show' => $this->url($request, 'show', $media), + 'edit' => $this->url($request, 'edit', $media), + 'update' => $this->url($request, 'update', $media), + 'destroy' => $this->url($request, 'destroy', $media), + 'crop' => str_replace('__preset__', '{preset}', $this->url($request, 'crop', $media, ['preset' => '__preset__'])), + ]; } - $this->validate($request, $rules); + return $urls; + } - $action = $request->input('action'); - $ids = $request->input('media', []); - $view = $request->input('view'); + /** + * @param array $parameters + */ + protected function url(Request $request, string $action, ?Media $media = null, array $parameters = []): string + { + return Mediapicker::url($action, $media, $parameters, MediapickerRoutes::currentName($request)); + } - switch ($action) { - case 'delete': - $media_model = Mediapicker::mediaModel(); + protected function findMedia(Request $request, string $id): Media + { + $media_class = Mediapicker::mediaModel(); - $media = $media_model::whereIn('id', $ids) - ->where('collection_name', $user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + /** @var Media $media */ + $media = $media_class::query() + ->inLibraryOf($request->user()) + ->whereKey($id) + ->firstOrFail(); - $media->get() - ->each(function ($media) { - $this->authorize('delete', $media); - $media->delete(); - }); - break; - } + return $media; + } - $this->flashSuccessMessage(); + protected function resource(Request $request, Media $media): MediaResource + { + return (new MediaResource($media))->forLibrary(MediapickerRoutes::currentName($request)); + } + + protected function resourceCollection(Request $request, LengthAwarePaginator $media): AnonymousResourceCollection + { + $route_name = MediapickerRoutes::currentName($request); - $redirect = Mediapicker::newMediaInstance()->url('index') . ($view ? '?' . http_build_query(['view' => $view]) : ''); + $collection = MediaResource::collection($media); + + $collection->collection->each(fn (MediaResource $resource) => $resource->forLibrary($route_name)); + + return $collection; + } + + /** + * Authorize against the user of the guard the routes were registered for + */ + protected function authorizeAbility(Request $request, string $ability, mixed $arguments): void + { + $user = $request->user(MediapickerRoutes::guard($request)); - return redirect()->to($redirect); + Gate::forUser($user)->authorize($ability, $arguments); } } diff --git a/src/Http/Requests/MediaRequest.php b/src/Http/Requests/MediaRequest.php deleted file mode 100644 index 99706f4..0000000 --- a/src/Http/Requests/MediaRequest.php +++ /dev/null @@ -1,57 +0,0 @@ -input('type'); - $media = $this->route('media'); - - $rules = [ - 'file' => FileTypes::rules($type ?: null), - 'type' => [ - 'nullable', - 'string', - Rule::in(FileTypes::types()), - ], - 'name' => [ - 'string', - 'max:255', - ], - 'description' => [ - 'nullable', - 'max:64000', - 'string', - ], - ]; - - if ($media) { - // - } else { - $rules['file'][] = 'required'; - } - - return $rules; - } -} diff --git a/src/Http/Requests/StoreMediaRequest.php b/src/Http/Requests/StoreMediaRequest.php new file mode 100644 index 0000000..023ca20 --- /dev/null +++ b/src/Http/Requests/StoreMediaRequest.php @@ -0,0 +1,74 @@ + + */ + public function rules(): array + { + $rules = [ + 'type' => ['nullable', is_array($this->input('type')) ? 'array' : 'string'], + 'type.*' => ['string', Rule::in(FileTypes::types())], + 'file' => ['required', ...FileTypes::rules($this->types())], + ...static::detailRules(), + ...CropPresets::rules(), + ]; + + if (is_string($this->input('type'))) { + $rules['type'][] = Rule::in(FileTypes::types()); + } + + return Translations::rules(Mediapicker::mediaModel(), $rules); + } + + /** + * The known types the upload is limited to, or null for any + * + * @return array|null + */ + public function types(): ?array + { + $types = array_values(array_filter( + Arr::wrap($this->input('type')), + fn ($type) => is_string($type) && FileTypes::exists($type), + )); + + return $types ?: null; + } + + /** + * The rules for the details people can edit + * + * @return array> + */ + public static function detailRules(): array + { + return [ + 'name' => ['nullable', 'string', 'max:255'], + 'description' => ['nullable', 'string', 'max:64000'], + 'alt' => ['nullable', 'string', 'max:1000'], + 'caption' => ['nullable', 'string', 'max:1000'], + ]; + } +} diff --git a/src/Http/Requests/UpdateMediaRequest.php b/src/Http/Requests/UpdateMediaRequest.php new file mode 100644 index 0000000..6827692 --- /dev/null +++ b/src/Http/Requests/UpdateMediaRequest.php @@ -0,0 +1,30 @@ + + */ + public function rules(): array + { + $rules = StoreMediaRequest::detailRules(); + + $rules['name'] = ['sometimes', 'required', 'string', 'max:255']; + + return Translations::rules(Mediapicker::mediaModel(), $rules); + } +} diff --git a/src/Http/Resources/MediaResource.php b/src/Http/Resources/MediaResource.php new file mode 100644 index 0000000..8294f1d --- /dev/null +++ b/src/Http/Resources/MediaResource.php @@ -0,0 +1,117 @@ +route_name = $route_name; + + return $this; + } + + /** + * @return array + */ + public function toArray(Request $request): array + { + /** @var Media $media */ + $media = $this->resource; + $user = $request->user(); + + return [ + 'id' => $media->getKey(), + 'uuid' => $media->uuid, + 'name' => $media->name, + 'file_name' => $media->file_name, + 'mime_type' => $media->mime_type, + 'type' => $media->file_type, + 'icon' => $media->getIcon(), + 'size' => (int) $media->size, + 'human_size' => $media->human_readable_size, + 'width' => $media->width, + 'height' => $media->height, + 'description' => $media->description, + 'alt' => $media->alt, + 'caption' => $media->caption, + 'url' => $media->getUrl(), + 'thumb' => static::conversionUrl($media, 'mediapicker-thumb'), + 'preview' => static::conversionUrl($media, 'mediapicker-large') ?? ($media->isImage() ? $media->getUrl() : null), + 'crops' => (object) $media->getCustomProperty('crops', []), + 'translations' => Translations::forMedia($media), + 'owner' => $this->owner($media), + 'created_at' => $media->created_at?->toIso8601String(), + 'updated_at' => $media->updated_at?->toIso8601String(), + 'can' => [ + 'update' => (bool) $user?->can('update', $media), + 'delete' => (bool) $user?->can('delete', $media), + ], + 'links' => $this->links($media), + ]; + } + + /** + * The URL of a library conversion once it's generated; images fall back to the original + */ + public static function conversionUrl(Media $media, string $conversion): ?string + { + if ($media->hasGeneratedConversion($conversion)) { + return $media->getUrl($conversion); + } + + if ($conversion === 'mediapicker-thumb' && FileTypes::typeOf($media->mime_type) === 'image') { + return $media->getUrl(); + } + + return null; + } + + /** + * @return array{id: mixed, name: ?string}|null + */ + protected function owner(Media $media): ?array + { + if (! $media->relationLoaded('model') || ! $media->model) { + return null; + } + + return [ + 'id' => $media->model->getKey(), + 'name' => $media->model->getAttribute('name'), + ]; + } + + /** + * @return array|null + */ + protected function links(Media $media): ?array + { + try { + return [ + 'show' => Mediapicker::url('show', $media, route_name: $this->route_name), + 'edit' => Mediapicker::url('edit', $media, route_name: $this->route_name), + 'update' => Mediapicker::url('update', $media, route_name: $this->route_name), + 'destroy' => Mediapicker::url('destroy', $media, route_name: $this->route_name), + ]; + } catch (InvalidArgumentException) { + return null; + } + } +} diff --git a/src/Mediapicker.php b/src/Mediapicker.php index 5382f16..ac3ef0b 100644 --- a/src/Mediapicker.php +++ b/src/Mediapicker.php @@ -2,16 +2,31 @@ namespace Javaabu\Mediapicker; +use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Route; +use InvalidArgumentException; use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Http\Controllers\MediaController; use Javaabu\Mediapicker\Models\Media; +use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Spatie\MediaLibrary\MediaCollections\Models\Media as BaseMedia; class Mediapicker { + /** Whether the package loads its migrations. Turn off with `Mediapicker::ignoreMigrations()`. */ + public static bool $runs_migrations = true; + + public static function ignoreMigrations(): void + { + static::$runs_migrations = false; + } + + /** + * The collection on owners that holds their library uploads + */ public static function collectionName(): string { - return config('mediapicker.collection_name'); + return config('mediapicker.collection_name', 'mediapicker'); } /** @@ -27,7 +42,7 @@ public static function attachmentModel(): string */ public static function mediaController(): string { - return config('mediapicker.media_controller'); + return config('mediapicker.media_controller', MediaController::class); } /** @@ -35,7 +50,7 @@ public static function mediaController(): string */ public static function mediaModel(): string { - return config('mediapicker.media_model'); + return config('mediapicker.media_model', Media::class); } public static function newMediaInstance(): Media @@ -45,61 +60,47 @@ public static function newMediaInstance(): Media return new $media_class; } - public static function getViewName(string $view, string $framework = ''): string + /** + * The route name prefix of the library to link to: the library of the current request, + * else the one registered for a guard the visitor is signed in with, else the default one + */ + public static function routeName(?string $guard = null): string { - if (! $framework) { - $framework = config('mediapicker.framework'); + if ($guard) { + return MediapickerRoutes::nameFor($guard) ?? 'media'; } - return 'mediapicker::' . $framework . '.' . $view; - } + if ($current = MediapickerRoutes::currentName(request())) { + return $current; + } - public static function getIconPack(string $framework = ''): string - { - if (! $framework) { - $framework = config('mediapicker.framework'); + foreach (MediapickerRoutes::registered() as $registered_guard => $name) { + if ($registered_guard !== '*' && Auth::guard($registered_guard)->check()) { + return $name; + } } - return $framework == 'material-admin' ? 'material' : 'fontawesome'; + return MediapickerRoutes::nameFor() ?? 'media'; } /** - * Register the admin routes + * A URL of the library: `index`, `create`, `store`, `bulk`, or `show`, `edit`, `update`, + * `destroy` and `crop` with a media + * + * @param array $parameters */ - public static function registerRoutes( - string $url = 'media', - array|string $middleware = [], - array $resource_options = [], - array $resource_names = [ - 'index' => 'media.index', - 'create' => 'media.create', - 'store' => 'media.store', - 'show' => 'media.show', - 'edit' => 'media.edit', - 'update' => 'media.update', - 'destroy' => 'media.destroy', - ], - string $bulk_name = 'media.bulk', - string $picker_name = 'media.picker', - ) { - $controller = static::mediaController(); - - Route::match(['PUT', 'PATCH'], $url, [$controller, 'bulk']) - ->name($bulk_name) - ->middleware($middleware); - - /*Route::get($url . '/picker', [$controller, 'picker']) - ->name($picker_name) - ->middleware($middleware);*/ - - $resource_options = array_merge([ - 'parameters' => [ - $url => 'media', - ], - ], $resource_options); - - Route::resource('media', $controller, $resource_options) - ->middleware($middleware) - ->names($resource_names); + public static function url(string $action, ?BaseMedia $media = null, array $parameters = [], ?string $route_name = null): string + { + $name = ($route_name ?: static::routeName()) . ".{$action}"; + + if (! Route::has($name)) { + throw new InvalidArgumentException("The route [{$name}] isn't registered. Add Route::mediapicker() to your routes."); + } + + if ($media && in_array($action, ['show', 'edit', 'update', 'destroy', 'crop'], true)) { + $parameters = ['media' => $media->getKey(), ...$parameters]; + } + + return route($name, $parameters); } } diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index 6f786b9..b4860a0 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker; +use Illuminate\Support\Facades\Route; use Illuminate\Support\ServiceProvider; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\Commands\AttachmentsCleanCommand; @@ -10,75 +11,120 @@ use Javaabu\Mediapicker\Models\Attachment; use Javaabu\Mediapicker\Models\Observers\AttachmentObserver; use Javaabu\Mediapicker\Models\Observers\MediaObserver; +use Javaabu\Mediapicker\Policies\MediaPolicy; +use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Javaabu\Permissions\Permissions; use Spatie\MediaLibrary\MediaCollections\Models\Media; class MediapickerServiceProvider extends ServiceProvider { - /** - * Bootstrap the application services. - */ - public function boot() + public function register(): void { - // declare publishes - if ($this->app->runningInConsole()) { - $this->publishes([ - __DIR__ . '/../config/mediapicker.php' => config_path('mediapicker.php'), - ], 'mediapicker-config'); - - $this->publishes([ - __DIR__ . '/../database/migrations' => database_path('migrations'), - ], 'mediapicker-migrations'); + $this->mergeConfigFrom(__DIR__ . '/../config/mediapicker.php', 'mediapicker'); - $this->publishes([ - __DIR__ . '/../resources/views' => resource_path('views/vendor/mediapicker'), - ], 'mediapicker-views'); - } + $this->app->singleton(AttachmentRepository::class, function () { + $attachment_class = $this->getAttachmentClass(); - $this->loadViewsFrom(__DIR__ . '/../resources/views', 'mediapicker'); + return new AttachmentRepository(new $attachment_class); + }); - $attachmentClass = $this->getAttachmentClass(); - $attachmentObserverClass = config('mediapicker.attachment_observer', AttachmentObserver::class); + $this->commands([ + AttachmentsRegenerateCommand::class, + AttachmentsClearCommand::class, + AttachmentsCleanCommand::class, + ]); + } - $attachmentClass::observe(new $attachmentObserverClass); + public function boot(): void + { + $this->loadJsonTranslationsFrom(__DIR__ . '/../lang'); + $this->loadViewsFrom(__DIR__ . '/../resources/views', 'mediapicker'); - $mediaClass = $this->getMediaClass(); - $mediaObserverClass = config('mediapicker.media_observer', MediaObserver::class); + $this->registerObservers(); + $this->registerRouteMacros(); + $this->registerPermissions(); - $mediaClass::observe(new $mediaObserverClass); + if ($this->app->runningInConsole()) { + $this->registerMigrations(); + $this->registerPublishing(); + } } - protected function getMediaClass(): string + protected function registerObservers(): void { - return config('media-library.media_model', Media::class); + $attachment_class = $this->getAttachmentClass(); + $attachment_observer = config('mediapicker.attachment_observer', AttachmentObserver::class); + + $attachment_class::observe(new $attachment_observer); + + $media_class = $this->getMediaClass(); + $media_observer = config('mediapicker.media_observer', MediaObserver::class); + + $media_class::observe(new $media_observer); } - protected function getAttachmentClass(): string + protected function registerRouteMacros(): void { - return config('mediapicker.attachment_model', Attachment::class); + Route::macro('mediapicker', function (array $options = []) { + MediapickerRoutes::register($this, $options); + }); } /** - * Register the application services. + * view_media, view_others_media, edit_media, edit_others_media, delete_media and + * delete_others_media, and the default policy, which the app can override */ - public function register() + protected function registerPermissions(): void { - // merge package config with user defined config - $this->mergeConfigFrom(__DIR__ . '/../config/mediapicker.php', 'mediapicker'); + if (! config('mediapicker.register_permissions', true)) { + return; + } - $this->app->singleton(AttachmentRepository::class, function () { - $attachmentClass = $this->getAttachmentClass(); + Permissions::register('media', [ + 'view_media' => 'View the media library', + 'view_others_media' => 'View media uploaded by others', + 'edit_media' => 'Upload media and edit your own', + 'edit_others_media' => 'Edit media uploaded by others', + 'delete_media' => 'Delete your own media', + 'delete_others_media' => 'Delete media uploaded by others', + ], label: 'Media'); - return new AttachmentRepository(new $attachmentClass); - }); + Permissions::policy(Mediapicker::mediaModel(), config('mediapicker.policy') ?: MediaPolicy::class); + } + + protected function registerMigrations(): void + { + if (Mediapicker::$runs_migrations) { + $this->loadMigrationsFrom(__DIR__ . '/../database/migrations'); + } + } - $this->app->bind('command.mediapicker:regenerate', AttachmentsRegenerateCommand::class); - $this->app->bind('command.mediapicker:clear', AttachmentsClearCommand::class); - $this->app->bind('command.mediapicker:clean', AttachmentsCleanCommand::class); + protected function registerPublishing(): void + { + $this->publishes([ + __DIR__ . '/../config/mediapicker.php' => config_path('mediapicker.php'), + ], 'mediapicker-config'); - $this->commands([ - 'command.mediapicker:regenerate', - 'command.mediapicker:clear', - 'command.mediapicker:clean', - ]); + $this->publishes([ + __DIR__ . '/../database/migrations' => database_path('migrations'), + ], 'mediapicker-migrations'); + + $this->publishes([ + __DIR__ . '/../resources/views' => resource_path('views/vendor/mediapicker'), + ], 'mediapicker-views'); + + $this->publishes([ + __DIR__ . '/../lang' => lang_path('vendor/mediapicker'), + ], 'mediapicker-translations'); + } + + protected function getMediaClass(): string + { + return config('media-library.media_model', Media::class); + } + + protected function getAttachmentClass(): string + { + return config('mediapicker.attachment_model', Attachment::class); } } diff --git a/src/Models/Media.php b/src/Models/Media.php index 91561bf..f935b17 100644 --- a/src/Models/Media.php +++ b/src/Models/Media.php @@ -3,25 +3,37 @@ namespace Javaabu\Mediapicker\Models; use Illuminate\Database\Eloquent\Builder; +use Illuminate\Database\Eloquent\Model; use Illuminate\Support\Str; use Javaabu\Mediapicker\Contracts\MediaOwner; use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\Support\FileTypes; use Spatie\MediaLibrary\MediaCollections\Models\Media as BaseMedia; +/** + * A file in an owner's media library + * + * Name is a column; description, alt text, caption, width, height and crops are kept in + * spatie's custom properties. + * + * @property ?string $description + * @property ?string $alt + * @property ?string $caption + * @property ?int $width + * @property ?int $height + * @property-read ?string $file_type + */ class Media extends BaseMedia { - /** - * The attributes that are mass assignable. - * - * @var array - */ + /** @var array */ protected $fillable = [ 'name', 'description', + 'alt', + 'caption', ]; - protected function setDescriptionAttribute(?string $value = null) + protected function setDescriptionAttribute(?string $value = null): void { $this->setCustomProperty('description', $value); } @@ -31,7 +43,27 @@ protected function getDescriptionAttribute(): ?string return $this->getCustomProperty('description'); } - protected function setWidthAttribute(?int $value = null) + protected function setAltAttribute(?string $value = null): void + { + $this->setCustomProperty('alt', $value); + } + + protected function getAltAttribute(): ?string + { + return $this->getCustomProperty('alt'); + } + + protected function setCaptionAttribute(?string $value = null): void + { + $this->setCustomProperty('caption', $value); + } + + protected function getCaptionAttribute(): ?string + { + return $this->getCustomProperty('caption'); + } + + protected function setWidthAttribute(?int $value = null): void { $this->setCustomProperty('width', $value); } @@ -41,7 +73,7 @@ protected function getWidthAttribute(): ?int return $this->getCustomProperty('width'); } - protected function setHeightAttribute(?int $value = null) + protected function setHeightAttribute(?int $value = null): void { $this->setCustomProperty('height', $value); } @@ -56,75 +88,121 @@ protected function getFileTypeAttribute(): ?string return FileTypes::typeOf($this->mime_type); } + protected function getShortNameAttribute(): string + { + return Str::limit($this->name, 15); + } + + /** + * A Lucide icon name for the file type + */ public function getIcon(): string { return FileTypes::icon($this->mime_type); } - public function scopeHasFileType(Builder $query, array|string $type): void + public function isImage(): bool { - $query->whereIn('mime_type', FileTypes::mimeTypes($type)); + return $this->file_type === 'image'; } - public function scopeSearch($query, $search): mixed + /** + * The alt text, falling back to the name for images without one + */ + public function altText(): string { - return $query->where('name', 'like', '%' . $search . '%') - ->orWhere('custom_properties->description', 'like', '%' . $search . '%'); + return $this->alt ?: (string) $this->name; } - public function scopeFindForController(Builder $query, int|string $media_id): void + /** + * Whether the user uploaded this media + */ + public function isOwnedBy(?Model $user): bool { - $user = auth()->user(); + if (! $user) { + return false; + } + + return $this->model_type === $user->getMorphClass() + && (string) $this->model_id === (string) $user->getKey(); + } - if ($user instanceof MediaOwner) { - $query->whereCollectionName($user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + /** + * @param string|array $type + */ + public function scopeHasFileType(Builder $query, array|string $type): void + { + $query->whereIn('mime_type', FileTypes::mimeTypes($type)); + } + public function scopeSearch(Builder $query, ?string $search): void + { + if (! $search) { return; } - // cant view anything - $query->where($this->getKeyName(), -1); + $query->where(function (Builder $query) use ($search) { + $query->where('name', 'like', "%{$search}%") + ->orWhere('file_name', 'like', "%{$search}%") + ->orWhere('custom_properties->description', 'like', "%{$search}%") + ->orWhere('custom_properties->alt', 'like', "%{$search}%"); + }); } - public function scopeUserVisible(Builder $query): void + /** + * The library media of the user's kind of owner (the user's own library collection and + * morph type), whoever uploaded it + */ + public function scopeInLibraryOf(Builder $query, ?Model $user): void { - $user = auth()->user(); + if (! $user instanceof MediaOwner) { + $query->whereRaw('1 = 0'); + + return; + } + + $query->where('collection_name', $user->getMediapickerCollectionName()) + ->where('model_type', $user->getMorphClass()); + } - if ($user instanceof MediaOwner && $user->canViewAnyMedia()) { - $query->whereCollectionName($user->getMediapickerCollectionName()) - ->whereModelType($user->getMorphClass()); + /** + * The library media the user may see: the library of the user's kind of owner, limited to + * the user's own uploads unless the policy's `viewOthers` allows more + */ + public function scopeVisibleTo(Builder $query, ?Model $user): void + { + $query->inLibraryOf($user); - if (! $user->canViewOthersMedia()) { - // can view only own - $query->whereModelId($user->getKey()); - } + if (! $user) { + return; + } + if ($user->can('viewOthers', static::class)) { return; } - // cant view anything - $query->where($this->getKeyName(), -1); + $query->where('model_id', $user->getKey()); } - public function getShortNameAttribute() + /** + * Only the user's own uploads + */ + public function scopeOwnedBy(Builder $query, Model $user): void { - return Str::limit($this->name, 15); + $query->where('model_type', $user->getMorphClass()) + ->where('model_id', $user->getKey()); } + /** + * A URL of the library pages for this media: `index`, `create`, `show`, `edit`, `update`, + * `destroy`. Uses the routes of the current request's library, else the default library. + */ public function url(string $action, ?BaseMedia $media = null): string { - $media = $media ?: $this; - $controller = Mediapicker::mediaController(); - $parameters = in_array($action, ['show', 'edit', 'update', 'destroy']) ? $media : []; - - return action([$controller, $action], $parameters); + return Mediapicker::url($action, $media ?: $this); } - /** - * Get the admin url attribute - */ - public function getAdminUrlAttribute(): string + protected function getAdminUrlAttribute(): string { return $this->url('show'); } diff --git a/src/Models/Observers/MediaObserver.php b/src/Models/Observers/MediaObserver.php index f3d4df6..d6ca307 100644 --- a/src/Models/Observers/MediaObserver.php +++ b/src/Models/Observers/MediaObserver.php @@ -7,7 +7,11 @@ class MediaObserver { - public function deleted(Media $media): void + /** + * Remove the attachment conversions while the media's attachments still exist (the + * database deletes them with the media) + */ + public function deleting(Media $media): void { if (method_exists($media, 'isForceDeleting') && ! $media->isForceDeleting()) { return; diff --git a/src/Policies/MediaPolicy.php b/src/Policies/MediaPolicy.php index 2cb99c2..18dd7ca 100644 --- a/src/Policies/MediaPolicy.php +++ b/src/Policies/MediaPolicy.php @@ -2,48 +2,96 @@ namespace Javaabu\Mediapicker\Policies; +use Illuminate\Database\Eloquent\Model; use Javaabu\Mediapicker\Contracts\MediaOwner; -use Spatie\MediaLibrary\MediaCollections\Models\Media; +use Javaabu\Mediapicker\Models\Media; +use Javaabu\Permissions\Policies\ResourcePolicy; -class MediaPolicy +/** + * Who may use the media library + * + * | Ability | Permission | + * | ---------- | ------------------------------------------------------------------ | + * | viewAny | view_media | + * | viewOthers | view_others_media | + * | view | view_media, and view_others_media unless the user uploaded it | + * | create | edit_media (uploading, which only owners can do) | + * | update | edit_others_media, or edit_media and the user uploaded it | + * | delete | delete_others_media, or delete_media and the user uploaded it | + * + * Media in another owner type's library (an admin's upload, for a user) is never allowed. + * Override it with `config('mediapicker.policy')`, `config('permissions.policies')` or + * `Gate::policy()`. + */ +class MediaPolicy extends ResourcePolicy { - /** - * Determine whether the user can view any models. - */ - public function viewAny(MediaOwner $user): bool + protected string $resource = 'media'; + + protected bool $owned = true; + + /** @var array> */ + protected array $abilities = [ + 'viewOthers' => 'view_others_media', + ]; + + public function view(Model $user, Model $media): bool { - return $user->canViewAnyMedia(); + if (! $this->inLibrary($user, $media)) { + return false; + } + + if (! $this->allows($user, $this->permission('view'))) { + return false; + } + + return $this->isOwner($user, $media) || $this->allows($user, $this->permission('view_others')); } - /** - * Determine whether the user can view the model. - */ - public function view(MediaOwner $user, Media $media): bool + public function create(Model $user): bool { - return $user->canViewMedia($media); + return $user instanceof MediaOwner && parent::create($user); } - /** - * Determine whether the user can create models. - */ - public function create(MediaOwner $user): bool + public function update(Model $user, Model $media): bool { - return $user->canCreateMedia(); + return $this->inLibrary($user, $media) && parent::update($user, $media); } - /** - * Determine whether the user can update the model. - */ - public function update(MediaOwner $user, Media $media): bool + public function delete(Model $user, Model $media): bool { - return $user->canEditMedia($media); + return $this->inLibrary($user, $media) && parent::delete($user, $media); + } + + public function restore(Model $user, Model $media): bool + { + return false; + } + + public function forceDelete(Model $user, Model $media): bool + { + return false; + } + + public function viewTrash(Model $user): bool + { + return false; } /** - * Determine whether the user can delete the model. + * Whether the media is in the library of the user's kind of owner */ - public function delete(MediaOwner $user, Media $media): bool + protected function inLibrary(Model $user, Model $media): bool + { + if (! $user instanceof MediaOwner) { + return false; + } + + return $media->getAttribute('model_type') === $user->getMorphClass() + && $media->getAttribute('collection_name') === $user->getMediapickerCollectionName(); + } + + protected function isOwner(Model $user, Model $model): bool { - return $user->canDeleteMedia($media); + return $model instanceof Media && $model->isOwnedBy($user); } } diff --git a/src/Routing/MediapickerRoutes.php b/src/Routing/MediapickerRoutes.php new file mode 100644 index 0000000..8f9ee2d --- /dev/null +++ b/src/Routing/MediapickerRoutes.php @@ -0,0 +1,107 @@ + 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); + * ``` + */ +class MediapickerRoutes +{ + /** The route action key that holds the guard the routes were registered for */ + public const string GUARD_ACTION = 'mediapicker_guard'; + + /** The route action key that holds the route name prefix of the library */ + public const string NAME_ACTION = 'mediapicker_name'; + + /** @var array guard (or `*` for the default guard) => route name prefix */ + protected static array $registered = []; + + /** + * @param array{ + * guard?: string|null, + * prefix?: string, + * name?: string, + * middleware?: string|array|null, + * controller?: class-string|null + * } $options + */ + public static function register(Router $router, array $options = []): void + { + $guard = $options['guard'] ?? null; + $prefix = trim($options['prefix'] ?? 'media', '/'); + $name = rtrim($options['name'] ?? 'media', '.'); + $middleware = $options['middleware'] ?? [$guard ? "auth:{$guard}" : 'auth']; + $controller = $options['controller'] ?? config('mediapicker.media_controller', MediaController::class); + + static::$registered[$guard ?? '*'] = $name; + + $router->group([ + 'prefix' => $prefix, + 'as' => "{$name}.", + 'middleware' => $middleware, + self::GUARD_ACTION => $guard, + self::NAME_ACTION => $name, + ], function (Router $router) use ($controller) { + $router->get('/', [$controller, 'index'])->name('index'); + $router->post('/', [$controller, 'store'])->name('store'); + $router->match(['PUT', 'PATCH'], '/', [$controller, 'bulk'])->name('bulk'); + $router->get('/create', [$controller, 'create'])->name('create'); + $router->get('/{media}', [$controller, 'show'])->whereNumber('media')->name('show'); + $router->get('/{media}/edit', [$controller, 'edit'])->whereNumber('media')->name('edit'); + $router->match(['PUT', 'PATCH'], '/{media}', [$controller, 'update'])->whereNumber('media')->name('update'); + $router->delete('/{media}', [$controller, 'destroy'])->whereNumber('media')->name('destroy'); + $router->put('/{media}/crops/{preset}', [$controller, 'crop'])->whereNumber('media')->name('crop'); + }); + } + + /** + * The guard the current route was registered for, or null for the default guard + */ + public static function guard(?Request $request): ?string + { + return $request?->route()?->getAction(self::GUARD_ACTION); + } + + /** + * The route name prefix of the library the request came through, e.g. `admin.media` + */ + public static function currentName(?Request $request): ?string + { + return $request?->route()?->getAction(self::NAME_ACTION); + } + + /** + * The route name prefix of the library registered for a guard. Without a guard: the library + * registered without one, else the first one registered. + */ + public static function nameFor(?string $guard = null): ?string + { + if ($guard && isset(static::$registered[$guard])) { + return static::$registered[$guard]; + } + + return static::$registered['*'] ?? (static::$registered ? reset(static::$registered) : null); + } + + /** + * @return array + */ + public static function registered(): array + { + return static::$registered; + } + + public static function forgetRegistered(): void + { + static::$registered = []; + } +} diff --git a/src/Support/CropPresets.php b/src/Support/CropPresets.php new file mode 100644 index 0000000..c95f418 --- /dev/null +++ b/src/Support/CropPresets.php @@ -0,0 +1,115 @@ + 0, 'y' => 40, 'width' => 1600, 'height' => 900, 'rotation' => 0]`. + */ +class CropPresets +{ + /** + * @return array + */ + public static function all(): array + { + $presets = []; + + foreach (config('mediapicker.crop_presets', []) as $name => $preset) { + $presets[$name] = [ + 'label' => (string) ($preset['label'] ?? str($name)->headline()), + 'aspect' => isset($preset['aspect']) ? (float) $preset['aspect'] : null, + ]; + } + + return $presets; + } + + /** + * @return array + */ + public static function names(): array + { + return array_keys(static::all()); + } + + public static function exists(string $name): bool + { + return array_key_exists($name, static::all()); + } + + public static function aspect(string $name): ?float + { + return static::all()[$name]['aspect'] ?? null; + } + + /** + * The presets with translated labels, for the cropper UIs + * + * @return array + */ + public static function forUi(): array + { + $presets = []; + + foreach (static::all() as $name => $preset) { + $presets[] = ['name' => $name, 'label' => __($preset['label']), 'aspect' => $preset['aspect']]; + } + + return $presets; + } + + /** + * Rules for crops sent with an upload: `crops[{preset}][x|y|width|height|rotation]` + * + * @return array> + */ + public static function rules(string $prefix = 'crops'): array + { + $rules = [$prefix => ['nullable', 'array:' . implode(',', static::names())]]; + + foreach (static::names() as $name) { + $rules = [...$rules, ...static::cropRules("{$prefix}.{$name}", false)]; + } + + return $rules; + } + + /** + * Rules for one crop + * + * @return array> + */ + public static function cropRules(string $prefix = '', bool $required = true): array + { + $key = fn (string $field) => $prefix === '' ? $field : "{$prefix}.{$field}"; + $presence = $required ? 'required' : "required_with:{$prefix}"; + + return [ + $key('x') => [$presence, 'numeric', 'min:0'], + $key('y') => [$presence, 'numeric', 'min:0'], + $key('width') => [$presence, 'numeric', 'min:1'], + $key('height') => [$presence, 'numeric', 'min:1'], + $key('rotation') => ['nullable', 'numeric', 'min:-360', 'max:360'], + ]; + } + + /** + * A crop as it's stored: whole pixels and a rotation + * + * @param array $crop + * @return array{x: int, y: int, width: int, height: int, rotation: int} + */ + public static function normalize(array $crop): array + { + return [ + 'x' => (int) round((float) ($crop['x'] ?? 0)), + 'y' => (int) round((float) ($crop['y'] ?? 0)), + 'width' => max(1, (int) round((float) ($crop['width'] ?? 1))), + 'height' => max(1, (int) round((float) ($crop['height'] ?? 1))), + 'rotation' => (int) round((float) ($crop['rotation'] ?? 0)) % 360, + ]; + } +} diff --git a/src/Support/Strings.php b/src/Support/Strings.php new file mode 100644 index 0000000..0b78ad5 --- /dev/null +++ b/src/Support/Strings.php @@ -0,0 +1,121 @@ + key => English text */ + public const array STRINGS = [ + 'media_library' => 'Media library', + 'upload' => 'Upload', + 'upload_media' => 'Upload media', + 'upload_files' => 'Upload files', + 'uploading' => 'Uploading…', + 'upload_failed' => 'The upload failed.', + 'drop_files' => 'Drop files here or choose them', + 'choose_files' => 'Choose files', + 'max_size' => 'Up to :size each', + 'search' => 'Search', + 'search_media' => 'Search media', + 'type' => 'Type', + 'all_types' => 'All types', + 'uploaded_by' => 'Uploaded by', + 'anyone' => 'Anyone', + 'only_mine' => 'Only mine', + 'from' => 'From', + 'to' => 'To', + 'sort_by' => 'Sort by', + 'newest' => 'Newest', + 'oldest' => 'Oldest', + 'name_a_z' => 'Name (A–Z)', + 'largest' => 'Largest', + 'filter' => 'Filter', + 'reset' => 'Reset', + 'grid' => 'Grid', + 'list' => 'List', + 'no_media' => 'No media yet', + 'no_matching_media' => 'No media matches these filters.', + 'load_more' => 'Load more', + 'select' => 'Select', + 'select_all' => 'Select all', + 'selected' => ':count selected', + 'clear_selection' => 'Clear selection', + 'insert' => 'Insert', + 'choose' => 'Choose', + 'choose_media' => 'Choose media', + 'choose_image' => 'Choose an image', + 'choose_images' => 'Choose images', + 'choose_file' => 'Choose a file', + 'choose_video' => 'Choose a video', + 'change' => 'Change', + 'remove' => 'Remove', + 'cancel' => 'Cancel', + 'close' => 'Close', + 'save' => 'Save', + 'saving' => 'Saving…', + 'saved' => 'Saved', + 'edit' => 'Edit', + 'view' => 'View', + 'delete' => 'Delete', + 'delete_selected' => 'Delete selected', + 'delete_confirm' => 'Delete this file? Pages that use it will lose it.', + 'delete_many_confirm' => 'Delete the selected files? Pages that use them will lose them.', + 'details' => 'Details', + 'name' => 'Name', + 'description' => 'Description', + 'alt' => 'Alt text', + 'alt_help' => 'Describes the image for people who can\'t see it.', + 'caption' => 'Caption', + 'file_name' => 'File name', + 'file_type' => 'File type', + 'file_size' => 'File size', + 'dimensions' => 'Dimensions', + 'uploaded_at' => 'Uploaded', + 'url' => 'URL', + 'copy_url' => 'Copy URL', + 'copied' => 'Copied', + 'download' => 'Download', + 'open' => 'Open', + 'preview' => 'Preview', + 'crop' => 'Crop', + 'crops' => 'Crops', + 'crop_image' => 'Crop image', + 'crop_help' => 'Crops don\'t change the original. Images that use a crop are made again from it.', + 'save_crop' => 'Save crop', + 'aspect_ratio' => 'Aspect ratio', + 'not_cropped' => 'Not cropped: the whole image is used', + 'cropped' => 'Cropped', + 'rotate_left' => 'Rotate left', + 'rotate_right' => 'Rotate right', + 'zoom' => 'Zoom', + 'back_to_library' => 'Back to the library', + 'no_selection' => 'Nothing chosen', + 'image' => 'Image', + 'gallery' => 'Gallery', + 'file' => 'File', + 'video' => 'Video', + 'columns' => 'Columns', + 'link' => 'Link', + 'size' => 'Size', + 'autoplay' => 'Autoplay', + 'loop' => 'Loop', + 'muted' => 'Muted', + 'controls' => 'Controls', + 'label' => 'Label', + 'move_up' => 'Move up', + 'move_down' => 'Move down', + 'error' => 'Something went wrong. Try again.', + ]; + + /** + * @return array + */ + public static function all(): array + { + return array_map(fn (string $text) => __($text), static::STRINGS); + } +} diff --git a/src/Support/Translations.php b/src/Support/Translations.php new file mode 100644 index 0000000..cb6ef3e --- /dev/null +++ b/src/Support/Translations.php @@ -0,0 +1,60 @@ +|null + */ + public static function forMedia(?Model $media): ?array + { + if (! static::supports($media)) { + return null; + } + + return Translatable::values($media); + } + + /** + * Expand rules for the translatable fields into per-locale rules + * + * @param array $rules + * @return array + */ + public static function rules(object|string|null $model, array $rules): array + { + if (! static::supports($model)) { + return $rules; + } + + return Translatable::rules($model, $rules); + } +} diff --git a/src/Views/ViewRenderer.php b/src/Views/ViewRenderer.php new file mode 100644 index 0000000..5308ac8 --- /dev/null +++ b/src/Views/ViewRenderer.php @@ -0,0 +1,64 @@ + $data + */ + public function render(string $page, array $data = []): View|Responsable + { + if ($this->isInertia()) { + return $this->renderInertia($page, $data); + } + + return view("mediapicker::{$page}", $data); + } + + public function stack(): string + { + return config('mediapicker.views', self::BLADE); + } + + public function isInertia(): bool + { + return $this->stack() === self::INERTIA; + } + + /** + * The Inertia page name for a page: `media.index` → `mediapicker::Media/Index` + */ + public function inertiaPage(string $page): string + { + $segments = array_map(fn (string $segment) => str($segment)->studly()->toString(), explode('.', $page)); + + return 'mediapicker::' . implode('/', $segments); + } + + /** + * @param array $data + */ + protected function renderInertia(string $page, array $data): Responsable + { + if (! class_exists(Inertia::class)) { + throw new RuntimeException('Install inertiajs/inertia-laravel to use the inertia views, or set mediapicker.views to blade.'); + } + + return Inertia::render($this->inertiaPage($page), $data); + } +} diff --git a/tests/Feature/Controllers/MediaControllerTest.php b/tests/Feature/Controllers/MediaControllerTest.php deleted file mode 100644 index 9208f3f..0000000 --- a/tests/Feature/Controllers/MediaControllerTest.php +++ /dev/null @@ -1,498 +0,0 @@ -withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $file = UploadedFile::fake()->createWithContent( - 'test.jpg', - file_get_contents($this->getTestJpg()), - ); - - $this->assertDatabaseEmpty('media'); - - $this->post('/media', [ - 'file' => $file, - ]) - ->assertRedirect() - ->assertSessionMissing('errors'); - - $this->assertDatabaseHas('media', [ - 'model_id' => $user->id, - 'model_type' => $user->getMorphClass(), - 'collection_name' => 'mediapicker', - 'file_name' => 'test.jpg', - 'custom_properties' => json_encode([ - 'width' => 340, - 'height' => 280, - ]), - ]); - } - - #[Test] - public function it_can_upload_a_file_to_the_media_library_and_return_json(): void - { - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $file = UploadedFile::fake()->createWithContent( - 'test.jpg', - file_get_contents($this->getTestJpg()), - ); - - $this->assertDatabaseEmpty('media'); - - $this->postJson('/media', [ - 'file' => $file, - ]) - ->assertSuccessful() - ->assertJsonStructure([ - 'success', - 'id', - 'uuid', - 'thumb', - 'large', - 'file_type', - 'icon', - 'name', - 'file_name', - 'url', - 'edit_url', - ]) - ->assertJson([ - 'success' => true, - 'file_name' => 'test.jpg', - 'file_type' => 'image', - ]); - - $this->assertDatabaseHas('media', [ - 'model_id' => $user->id, - 'model_type' => $user->getMorphClass(), - 'collection_name' => 'mediapicker', - 'file_name' => 'test.jpg', - 'custom_properties' => json_encode([ - 'width' => 340, - 'height' => 280, - ]), - ]); - } - - #[Test] - public function it_does_not_allow_viewing_media_index_page_for_unauthorized_users(): void - { - Gate::define('view_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->get('/media') - ->assertStatus(403) - ->assertDontSee($media->name); - } - - #[Test] - public function it_does_not_show_other_users_media_to_unauthorized_users_on_the_index_page(): void - { - $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); - - $this->withoutExceptionHandling(); - - Gate::define('view_media', function (User $user) { - return true; - }); - - Gate::define('view_others_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $other_user = User::factory()->create(); - - $other_file = $this->getTestImageEndingWithUnderscore(); - $other_media = $this->getMedia($other_file, user: $other_user); - - $this->get('/media') - ->assertSuccessful() - ->assertDontSee($other_media->name) - ->assertSee($media->name); - } - - #[Test] - public function it_can_show_others_media_to_authorized_users_on_the_index_page(): void - { - $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); - - $this->withoutExceptionHandling(); - - Gate::define('view_media', function (User $user) { - return true; - }); - - Gate::define('view_others_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $other_user = User::factory()->create(); - - $other_file = $this->getTestImageEndingWithUnderscore(); - $other_media = $this->getMedia($other_file, user: $other_user); - - $this->get('/media') - ->assertSuccessful() - ->assertSee($other_media->name) - ->assertSee($media->name); - } - - #[Test] - public function it_can_show_the_media_picker_page(): void - { - $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); - - $this->withoutExceptionHandling(); - - Gate::define('view_media', function (User $user) { - return true; - }); - - Gate::define('view_others_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $other_user = User::factory()->create(); - - $other_file = $this->getTestImageEndingWithUnderscore(); - $other_media = $this->getMedia($other_file, user: $other_user); - - $this->get('/media?mode=picker') - ->assertSuccessful() - ->assertSee($other_media->name) - ->assertSee($media->name); - } - - #[Test] - public function it_can_show_the_create_media_page_for_authorized_users(): void - { - $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); - - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $this->get('/media/create') - ->assertSuccessful() - ->assertViewIs('mediapicker::material-admin-26.media.create') - ->assertSee('Add Media'); - } - - #[Test] - public function it_cannot_show_the_create_media_page_for_unauthorized_users(): void - { - Gate::define('edit_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $this->get('/media/create') - ->assertStatus(403) - ->assertDontSee('Add Media'); - } - - #[Test] - public function it_can_show_media_details_for_authorized_users(): void - { - $this->markTestIncomplete('The material-admin views are replaced by the forms v2 and Inertia pages (#9)'); - - $this->withoutExceptionHandling(); - - Gate::define('view_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->get("/media/{$media->id}") - ->assertSuccessful() - ->assertViewIs('mediapicker::material-admin-26.media.show') - ->assertSee($media->name); - } - - #[Test] - public function it_cannot_show_media_details_for_unauthorized_users(): void - { - Gate::define('view_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->get("/media/{$media->id}") - ->assertStatus(403) - ->assertDontSee($media->name); - } - - #[Test] - public function it_can_show_edit_media_page_for_authorized_users(): void - { - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->get("/media/{$media->id}/edit") - ->assertSuccessful() - ->assertViewIs('mediapicker::material-admin-26.media.edit') - ->assertSee($media->name); - } - - #[Test] - public function it_cannot_update_media_for_unauthorized_users(): void - { - Gate::define('edit_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->put("/media/{$media->id}", [ - 'name' => 'Updated Name', - ]) - ->assertStatus(403); - - $this->assertDatabaseHas('media', [ - 'id' => $media->id, - 'name' => 'test', - ]); - } - - #[Test] - public function it_can_update_media_for_authorized_users(): void - { - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->put("/media/{$media->id}", [ - 'name' => 'Updated Name', - 'description' => 'Updated Description', - ]) - ->assertRedirect() - ->assertSessionMissing('errors'); - - $this->assertDatabaseHas('media', [ - 'id' => $media->id, - 'name' => 'Updated Name', - 'custom_properties' => json_encode(['description' => 'Updated Description']), - ]); - } - - #[Test] - public function it_can_update_media_and_return_json_response(): void - { - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->putJson("/media/{$media->id}", [ - 'name' => 'Updated Name', - 'description' => 'Updated Description', - ]) - ->assertSuccessful() - ->assertJson([ - 'name' => 'Updated Name', - ]); - } - - #[Test] - public function it_can_delete_media_for_authorized_users(): void - { - $this->withoutExceptionHandling(); - - Gate::define('delete_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->delete("/media/{$media->id}") - ->assertRedirect(); - - $this->assertDatabaseMissing('media', [ - 'id' => $media->id, - ]); - } - - #[Test] - public function it_can_delete_media_and_return_json_response(): void - { - $this->withoutExceptionHandling(); - - Gate::define('delete_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->deleteJson("/media/{$media->id}") - ->assertSuccessful(); - - $this->assertDatabaseMissing('media', [ - 'id' => $media->id, - ]); - } - - #[Test] - public function it_can_perform_bulk_delete_for_authorized_users(): void - { - $this->withoutExceptionHandling(); - - Gate::define('edit_media', function (User $user) { - return true; - }); - - Gate::define('delete_media', function (User $user) { - return true; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media1 = $this->getMedia(user: $user); - $media2 = $this->getMedia($this->getTestImageEndingWithUnderscore(), user: $user); - - $this->patch('/media', [ - 'action' => 'delete', - 'media' => [$media1->id, $media2->id], - ]) - ->assertRedirect() - ->assertSessionMissing('errors'); - - $this->assertDatabaseMissing('media', ['id' => $media1->id]); - $this->assertDatabaseMissing('media', ['id' => $media2->id]); - } - - #[Test] - public function it_cannot_perform_bulk_delete_for_unauthorized_users(): void - { - Gate::define('edit_media', function (User $user) { - return true; - }); - - Gate::define('delete_media', function (User $user) { - return false; - }); - - $user = User::factory()->create(); - $this->actingAs($user); - - $media = $this->getMedia(user: $user); - - $this->patch('/media', [ - 'action' => 'delete', - 'media' => [$media->id], - ]) - ->assertStatus(403); - - $this->assertDatabaseHas('media', ['id' => $media->id]); - } -} diff --git a/tests/Http/AuthorizationTest.php b/tests/Http/AuthorizationTest.php new file mode 100644 index 0000000..02d147e --- /dev/null +++ b/tests/Http/AuthorizationTest.php @@ -0,0 +1,211 @@ +setUpLibrary(); + } + + #[Test] + public function it_registers_the_media_permissions_for_every_guard(): void + { + foreach (['web', 'web_admin'] as $guard) { + foreach (self::ALL as $permission) { + $this->assertDatabaseHas('permissions', ['name' => $permission, 'guard_name' => $guard, 'model' => 'media']); + } + } + + $this->assertEquals('View the media library', Permission::findByName('view_media', 'web')->description); + } + + #[Test] + public function it_registers_the_media_policy(): void + { + $this->assertInstanceOf(MediaPolicy::class, Gate::getPolicyFor(Media::class)); + } + + #[Test] + public function it_requires_signing_in(): void + { + $this->getJson('/media')->assertUnauthorized(); + $this->get('/media')->assertRedirect(); + } + + #[Test] + public function it_requires_view_media_to_see_the_library(): void + { + $user = $this->userWith([]); + + $this->actingAs($user)->getJson('/media')->assertForbidden(); + } + + #[Test] + public function it_requires_edit_media_to_upload(): void + { + $user = $this->userWith(['view_media']); + + $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload()]) + ->assertForbidden(); + + $this->actingAs($user)->get('/media/create')->assertForbidden(); + + $this->assertDatabaseEmpty('media'); + } + + #[Test] + public function it_does_not_show_others_media_without_view_others_media(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user)->getJson("/media/{$media->id}")->assertForbidden(); + } + + #[Test] + public function it_shows_others_media_with_view_others_media(): void + { + $user = $this->userWith(['view_media', 'view_others_media']); + $media = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user)->getJson("/media/{$media->id}")->assertOk(); + } + + #[Test] + public function it_only_lets_users_edit_their_own_media_without_edit_others_media(): void + { + $user = $this->userWith(['view_media', 'view_others_media', 'edit_media']); + $own = $this->libraryMedia($user); + $others = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user)->patchJson("/media/{$own->id}", ['name' => 'Mine'])->assertOk(); + $this->actingAs($user)->patchJson("/media/{$others->id}", ['name' => 'Theirs'])->assertForbidden(); + $this->actingAs($user)->get("/media/{$others->id}/edit")->assertForbidden(); + } + + #[Test] + public function it_lets_users_edit_others_media_with_edit_others_media(): void + { + $user = $this->userWith(['view_media', 'view_others_media', 'edit_others_media']); + $others = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user)->patchJson("/media/{$others->id}", ['name' => 'Theirs'])->assertOk(); + } + + #[Test] + public function it_only_lets_users_delete_their_own_media_without_delete_others_media(): void + { + $user = $this->userWith(['view_media', 'view_others_media', 'delete_media']); + $own = $this->libraryMedia($user); + $others = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user)->deleteJson("/media/{$others->id}")->assertForbidden(); + $this->actingAs($user)->deleteJson("/media/{$own->id}")->assertNoContent(); + + $this->assertDatabaseHas('media', ['id' => $others->id]); + } + + #[Test] + public function it_does_not_bulk_delete_media_the_user_may_not_delete(): void + { + $user = $this->userWith(['view_media', 'view_others_media', 'delete_media']); + $own = $this->libraryMedia($user); + $others = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user) + ->putJson('/media', ['action' => 'delete', 'media' => [$own->id, $others->id]]) + ->assertForbidden(); + + $this->assertDatabaseHas('media', ['id' => $own->id]); + $this->assertDatabaseHas('media', ['id' => $others->id]); + } + + #[Test] + public function it_does_not_bulk_delete_media_the_user_cannot_see(): void + { + $user = $this->userWith(['view_media', 'delete_media', 'delete_others_media']); + $others = $this->libraryMedia($this->userWith([])); + + $this->actingAs($user) + ->putJson('/media', ['action' => 'delete', 'media' => [$others->id]]) + ->assertUnprocessable(); + + $this->assertDatabaseHas('media', ['id' => $others->id]); + } + + #[Test] + public function it_keeps_each_guards_library_separate(): void + { + $user = $this->userWith(self::ALL); + $admin = $this->adminWith(self::ALL); + + $user_media = $this->libraryMedia($user); + $admin_media = $this->libraryMedia($admin); + + $this->actingAs($admin, 'web_admin') + ->getJson('/admin/media') + ->assertOk() + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $admin_media->id) + ->assertJsonPath('data.0.links.edit', url("/admin/media/{$admin_media->id}/edit")); + + $this->actingAs($admin, 'web_admin')->getJson("/admin/media/{$user_media->id}")->assertNotFound(); + $this->actingAs($admin, 'web_admin')->deleteJson("/admin/media/{$user_media->id}")->assertNotFound(); + + $this->actingAs($user) + ->getJson('/media') + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $user_media->id); + } + + #[Test] + public function it_checks_the_permissions_of_the_routes_guard(): void + { + $admin = $this->adminWith(['view_media', 'edit_media']); + + $this->actingAs($admin, 'web_admin') + ->postJson('/admin/media', ['file' => $this->fakeUpload()]) + ->assertCreated(); + + $media = Media::query()->sole(); + + $this->assertEquals($admin->getMorphClass(), $media->model_type); + $this->assertEquals($admin->id, $media->model_id); + + } + + #[Test] + public function users_of_another_guard_cannot_use_a_library(): void + { + $user = $this->userWith(self::ALL); + + $this->actingAs($user)->getJson('/admin/media')->assertUnauthorized(); + } + + #[Test] + public function the_app_can_replace_the_policy(): void + { + config(['permissions.policies' => [Media::class => DenyAllPolicy::class]]); + + Gate::policy(Media::class, DenyAllPolicy::class); + + $user = $this->userWith(self::ALL); + + $this->actingAs($user)->getJson('/media')->assertForbidden(); + } +} diff --git a/tests/Http/InteractsWithLibrary.php b/tests/Http/InteractsWithLibrary.php new file mode 100644 index 0000000..20b32d7 --- /dev/null +++ b/tests/Http/InteractsWithLibrary.php @@ -0,0 +1,94 @@ +artisan('permissions:sync'); + } + + protected function defineRoutes($router): void + { + $router->get('/login', fn () => 'login')->name('login'); + + $router->middleware('web')->group(function ($router) { + $router->mediapicker(); + $router->mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); + }); + } + + /** + * @param array $permissions + * @param array $attributes + */ + protected function userWith(array $permissions, array $attributes = []): User + { + $user = User::factory()->create($attributes); + + if ($permissions) { + $user->givePermissionTo($permissions); + } + + return $user; + } + + /** + * @param array $permissions + */ + protected function adminWith(array $permissions): Admin + { + $admin = Admin::factory()->create(); + + if ($permissions) { + $admin->givePermissionTo($permissions); + } + + return $admin; + } + + /** + * Upload a test file to an owner's library + * + * @param array $custom_properties + */ + protected function libraryMedia(Model $owner, string $file = 'test.jpg', ?string $name = null, array $custom_properties = []): Media + { + /** @var Media $media */ + $media = $owner->addMedia($this->getTestFilesDirectory($file)) + ->preservingOriginal() + ->usingName($name ?? pathinfo($file, PATHINFO_FILENAME)) + ->withCustomProperties($custom_properties) + ->toMediaCollection('mediapicker'); + + return $media; + } + + protected function fakeUpload(string $file = 'test.jpg', ?string $name = null): UploadedFile + { + return UploadedFile::fake()->createWithContent( + $name ?? $file, + file_get_contents($this->getTestFilesDirectory($file)), + ); + } +} diff --git a/tests/Http/MediaApiTest.php b/tests/Http/MediaApiTest.php new file mode 100644 index 0000000..11f2bbc --- /dev/null +++ b/tests/Http/MediaApiTest.php @@ -0,0 +1,358 @@ +setUpLibrary(); + } + + #[Test] + public function it_lists_the_library_as_json(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($user, name: 'މާލެ ބީޗް', custom_properties: ['alt' => 'ކަނޑު']); + + $this->actingAs($user) + ->getJson('/media') + ->assertOk() + ->assertJsonPath('data.0.id', $media->id) + ->assertJsonPath('data.0.name', 'މާލެ ބީޗް') + ->assertJsonPath('data.0.alt', 'ކަނޑު') + ->assertJsonPath('data.0.type', 'image') + ->assertJsonPath('data.0.icon', 'image') + ->assertJsonPath('data.0.links.edit', url("/media/{$media->id}/edit")) + ->assertJsonStructure([ + 'data' => [['id', 'uuid', 'name', 'file_name', 'mime_type', 'size', 'url', 'thumb', 'preview', 'width', 'height', 'crops', 'can', 'links']], + 'links', + 'meta' => ['current_page', 'last_page', 'total'], + ]); + } + + #[Test] + public function it_only_lists_the_users_own_media_without_view_others_media(): void + { + $user = $this->userWith(['view_media']); + $other = $this->userWith([]); + + $own = $this->libraryMedia($user); + $this->libraryMedia($other); + + $this->actingAs($user) + ->getJson('/media') + ->assertOk() + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $own->id); + } + + #[Test] + public function it_lists_others_media_with_view_others_media(): void + { + $user = $this->userWith(['view_media', 'view_others_media']); + $other = $this->userWith([]); + + $this->libraryMedia($user); + $this->libraryMedia($other); + + $this->actingAs($user) + ->getJson('/media') + ->assertOk() + ->assertJsonCount(2, 'data'); + } + + #[Test] + public function it_can_list_only_the_users_own_uploads(): void + { + $user = $this->userWith(['view_media', 'view_others_media']); + $other = $this->userWith([]); + + $own = $this->libraryMedia($user); + $this->libraryMedia($other); + + $this->actingAs($user) + ->getJson('/media?owner=mine') + ->assertOk() + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $own->id); + } + + #[Test] + public function it_filters_the_library_by_search_and_type(): void + { + $user = $this->userWith(['view_media']); + + $beach = $this->libraryMedia($user, 'test.jpg', 'ހުޅުމާލެ ބީޗް'); + $this->libraryMedia($user, 'test.png', 'Logo'); + $report = $this->libraryMedia($user, 'test.pdf', 'Annual report'); + + $this->actingAs($user) + ->getJson('/media?search=' . urlencode('ބީޗް')) + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $beach->id); + + $this->actingAs($user) + ->getJson('/media?type=document') + ->assertJsonCount(1, 'data') + ->assertJsonPath('data.0.id', $report->id); + + $this->actingAs($user) + ->getJson('/media?type[]=image&type[]=document') + ->assertJsonCount(3, 'data'); + } + + #[Test] + public function it_sorts_and_paginates_the_library(): void + { + $user = $this->userWith(['view_media']); + + $this->libraryMedia($user, name: 'B'); + $this->libraryMedia($user, name: 'A'); + $this->libraryMedia($user, name: 'C'); + + $this->actingAs($user) + ->getJson('/media?orderby=name&order=asc&per_page=2') + ->assertJsonCount(2, 'data') + ->assertJsonPath('data.0.name', 'A') + ->assertJsonPath('data.1.name', 'B') + ->assertJsonPath('meta.last_page', 2); + } + + #[Test] + public function it_uploads_a_file_to_the_users_library(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + + $this->actingAs($user) + ->postJson('/media', [ + 'file' => $this->fakeUpload('test.jpg'), + 'name' => 'ރީތި ފޮޓޯ', + 'description' => 'ހުޅުމާލޭގެ ބީޗް', + 'alt' => 'ބީޗް', + ]) + ->assertCreated() + ->assertJsonPath('data.name', 'ރީތި ފޮޓޯ') + ->assertJsonPath('data.description', 'ހުޅުމާލޭގެ ބީޗް') + ->assertJsonPath('data.width', 340) + ->assertJsonPath('data.height', 280); + + $media = Media::query()->sole(); + + $this->assertEquals($user->getMorphClass(), $media->model_type); + $this->assertEquals($user->id, $media->model_id); + $this->assertEquals('mediapicker', $media->collection_name); + $this->assertEquals('ބީޗް', $media->alt); + } + + #[Test] + public function it_names_uploads_after_the_file_by_default(): void + { + $user = $this->userWith(['edit_media']); + + $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload('test.pdf', 'Annual report.pdf')]) + ->assertCreated() + ->assertJsonPath('data.name', 'Annual report') + ->assertJsonPath('data.type', 'document') + ->assertJsonPath('data.width', null); + } + + #[Test] + public function it_redirects_to_the_edit_page_after_an_upload_from_a_form(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + + $response = $this->actingAs($user) + ->post('/media', ['file' => $this->fakeUpload()]); + + $media = Media::query()->sole(); + + $response->assertRedirect("/media/{$media->id}/edit") + ->assertSessionHas('success'); + } + + #[Test] + public function it_limits_uploads_to_the_requested_type(): void + { + $user = $this->userWith(['edit_media']); + + $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload('test.pdf'), 'type' => 'image']) + ->assertUnprocessable() + ->assertJsonValidationErrors('file'); + + $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload('test.pdf'), 'type' => ['image', 'document']]) + ->assertCreated(); + } + + #[Test] + public function it_rejects_files_the_library_does_not_accept(): void + { + $user = $this->userWith(['edit_media']); + + $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload('test.svg')]) + ->assertUnprocessable() + ->assertJsonValidationErrors('file'); + + $this->assertDatabaseEmpty('media'); + } + + #[Test] + public function it_saves_crops_sent_with_an_upload(): void + { + $user = $this->userWith(['edit_media']); + + $this->actingAs($user) + ->postJson('/media', [ + 'file' => $this->fakeUpload(), + 'crops' => ['wide' => ['x' => 0, 'y' => 45.4, 'width' => 340, 'height' => 191.25]], + ]) + ->assertCreated() + ->assertJsonPath('data.crops.wide', ['x' => 0, 'y' => 45, 'width' => 340, 'height' => 191, 'rotation' => 0]); + + $this->actingAs($user) + ->postJson('/media', [ + 'file' => $this->fakeUpload(), + 'crops' => ['unknown' => ['x' => 0, 'y' => 0, 'width' => 10, 'height' => 10]], + ]) + ->assertUnprocessable() + ->assertJsonValidationErrors('crops'); + } + + #[Test] + public function it_shows_a_media_as_json(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->getJson("/media/{$media->id}") + ->assertOk() + ->assertJsonPath('data.id', $media->id) + ->assertJsonPath('data.can.update', false); + } + + #[Test] + public function it_updates_the_details_of_a_media(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->patchJson("/media/{$media->id}", [ + 'name' => 'ހުޅުމާލެ', + 'description' => 'ތަފްސީލު', + 'alt' => 'ބީޗް', + 'caption' => 'ފޮޓޯ: އަޙްމަދު', + ]) + ->assertOk() + ->assertJsonPath('data.name', 'ހުޅުމާލެ') + ->assertJsonPath('data.caption', 'ފޮޓޯ: އަޙްމަދު'); + + $media->refresh(); + + $this->assertEquals('ހުޅުމާލެ', $media->name); + $this->assertEquals('ތަފްސީލު', $media->description); + $this->assertEquals('ބީޗް', $media->alt); + } + + #[Test] + public function it_redirects_back_to_the_edit_page_after_saving_details(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->patch("/media/{$media->id}", ['name' => 'New name']) + ->assertRedirect("/media/{$media->id}/edit") + ->assertSessionHas('success'); + } + + #[Test] + public function it_requires_a_name_when_one_is_sent(): void + { + $user = $this->userWith(['edit_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->patchJson("/media/{$media->id}", ['name' => '']) + ->assertUnprocessable() + ->assertJsonValidationErrors('name'); + } + + #[Test] + public function it_deletes_a_media(): void + { + $user = $this->userWith(['view_media', 'delete_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->deleteJson("/media/{$media->id}") + ->assertNoContent(); + + $this->assertDatabaseMissing('media', ['id' => $media->id]); + } + + #[Test] + public function it_redirects_to_the_library_after_deleting_from_a_page(): void + { + $user = $this->userWith(['view_media', 'delete_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->delete("/media/{$media->id}") + ->assertRedirect('/media'); + } + + #[Test] + public function it_bulk_deletes_media(): void + { + $user = $this->userWith(['view_media', 'delete_media']); + $first = $this->libraryMedia($user); + $second = $this->libraryMedia($user); + $kept = $this->libraryMedia($user); + + $this->actingAs($user) + ->put('/media?view=list', ['action' => 'delete', 'media' => [$first->id, $second->id]]) + ->assertRedirect('/media?view=list') + ->assertSessionHas('success'); + + $this->assertDatabaseMissing('media', ['id' => $first->id]); + $this->assertDatabaseMissing('media', ['id' => $second->id]); + $this->assertDatabaseHas('media', ['id' => $kept->id]); + } + + #[Test] + public function it_returns_the_deleted_ids_of_a_bulk_delete_as_json(): void + { + $user = $this->userWith(['view_media', 'delete_media']); + $media = $this->libraryMedia($user); + + $this->actingAs($user) + ->putJson('/media', ['action' => 'delete', 'media' => [$media->id]]) + ->assertOk() + ->assertJson(['deleted' => [$media->id]]); + } + + #[Test] + public function it_validates_bulk_actions(): void + { + $user = $this->userWith(['view_media', 'delete_media']); + + $this->actingAs($user) + ->putJson('/media', ['action' => 'archive', 'media' => []]) + ->assertUnprocessable() + ->assertJsonValidationErrors(['action', 'media']); + } +} diff --git a/tests/Http/OverridingTest.php b/tests/Http/OverridingTest.php new file mode 100644 index 0000000..3f7d185 --- /dev/null +++ b/tests/Http/OverridingTest.php @@ -0,0 +1,84 @@ +refreshNameLookups(); + + foreach (['index', 'create', 'store', 'bulk', 'show', 'edit', 'update', 'destroy', 'crop'] as $name) { + $this->assertTrue(Route::has("media.{$name}"), "media.{$name} is missing"); + } + + $this->assertEquals(['auth'], Route::getRoutes()->getByName('media.index')->gatherMiddleware()); + } + + #[Test] + public function it_takes_a_prefix_name_guard_and_middleware(): void + { + Route::mediapicker([ + 'guard' => 'web_admin', + 'prefix' => 'admin/files', + 'name' => 'admin.files', + 'middleware' => ['web', 'auth:web_admin'], + ]); + Route::getRoutes()->refreshNameLookups(); + + $route = Route::getRoutes()->getByName('admin.files.edit'); + + $this->assertEquals('admin/files/{media}/edit', $route->uri()); + $this->assertEquals(['web', 'auth:web_admin'], $route->gatherMiddleware()); + $this->assertEquals('web_admin', $route->getAction(MediapickerRoutes::GUARD_ACTION)); + $this->assertEquals('admin.files', MediapickerRoutes::nameFor('web_admin')); + } + + #[Test] + public function it_uses_the_controller_from_the_config(): void + { + config(['mediapicker.media_controller' => CustomMediaController::class]); + + Route::mediapicker(['middleware' => []]); + + $this->getJson('/media')->assertExactJson(['custom' => true]); + } + + #[Test] + public function it_uses_the_controller_given_to_the_macro(): void + { + Route::mediapicker(['middleware' => [], 'controller' => CustomMediaController::class]); + + $this->getJson('/media')->assertExactJson(['custom' => true]); + } + + #[Test] + public function it_builds_urls_for_the_default_library(): void + { + Route::mediapicker(['prefix' => 'files', 'name' => 'files']); + Route::getRoutes()->refreshNameLookups(); + + $this->assertEquals(url('/files/create'), Mediapicker::url('create')); + $this->assertEquals('files', Mediapicker::routeName()); + } + + #[Test] + public function it_explains_a_missing_route(): void + { + $this->expectExceptionMessage('Add Route::mediapicker() to your routes.'); + + Mediapicker::url('index'); + } +} diff --git a/tests/TestCase.php b/tests/TestCase.php index 8a6b1b9..eda29ef 100644 --- a/tests/TestCase.php +++ b/tests/TestCase.php @@ -4,13 +4,15 @@ use Illuminate\Database\Eloquent\Model; use Illuminate\Database\Eloquent\Relations\Relation; -use Illuminate\Foundation\Application; -use Illuminate\Support\Facades\Artisan; use Illuminate\Support\Facades\File; use Illuminate\Support\Facades\View; use Javaabu\Forms\FormsServiceProvider; +use Javaabu\Manifest\ManifestServiceProvider; use Javaabu\Mediapicker\MediapickerServiceProvider; use Javaabu\Mediapicker\Models\Attachment; +use Javaabu\Mediapicker\Models\Media; +use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Javaabu\Mediapicker\Tests\TestSupport\Models\Admin; use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithConversions; use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithMultipleConversions; use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithSameConversions; @@ -20,9 +22,13 @@ use Javaabu\Mediapicker\Tests\TestSupport\Models\Post; use Javaabu\Mediapicker\Tests\TestSupport\Models\User; use Javaabu\Mediapicker\Tests\TestSupport\Providers\TestServiceProvider; +use Javaabu\Permissions\Models\Permission; +use Javaabu\Permissions\Models\Role; +use Javaabu\Permissions\PermissionsServiceProvider; +use Javaabu\Stencil\StencilServiceProvider; use Orchestra\Testbench\TestCase as BaseTestCase; -use Spatie\MediaLibrary\MediaCollections\Models\Media; use Spatie\MediaLibrary\MediaLibraryServiceProvider; +use Spatie\Permission\PermissionServiceProvider; abstract class TestCase extends BaseTestCase { @@ -30,51 +36,76 @@ protected function setUp(): void { parent::setUp(); - $this->app['config']->set('app.key', 'base64:yWa/ByhLC/GUvfToOuaPD7zDwB64qkc/QkaQOrT5IpE='); - - $this->app['config']->set('session.serialization', 'php'); - - $this->app['config']->set('defaults.max_image_file_size', 1024 * 2); - View::addLocation(__DIR__ . '/TestSupport/views'); $this->setUpTempTestFiles(); + } - if (empty(glob($this->app->databasePath('migrations/*_create_media_table.php')))) { - Artisan::call('vendor:publish', [ - '--provider' => 'Spatie\\MediaLibrary\\MediaLibraryServiceProvider', - '--tag' => 'medialibrary-migrations', - ]); - - Artisan::call('migrate'); - } + protected function tearDown(): void + { + MediapickerRoutes::forgetRegistered(); + parent::tearDown(); } - protected function getPackageProviders($app) + protected function getPackageProviders($app): array { return [ - MediapickerServiceProvider::class, + PermissionServiceProvider::class, + PermissionsServiceProvider::class, + ManifestServiceProvider::class, + FormsServiceProvider::class, + StencilServiceProvider::class, MediaLibraryServiceProvider::class, + MediapickerServiceProvider::class, TestServiceProvider::class, - FormsServiceProvider::class, ]; } - /** - * @param Application $app - */ - public function getEnvironmentSetUp($app) + protected function defineEnvironment($app): void { $this->initializeDirectory($this->getTempDirectory()); - config()->set('filesystems.disks.public', [ + $config = $app['config']; + + $config->set('app.key', 'base64:yWa/ByhLC/GUvfToOuaPD7zDwB64qkc/QkaQOrT5IpE='); + $config->set('session.serialization', 'php'); + $config->set('media-library.media_model', Media::class); + $config->set('media-library.queue_conversions_by_default', false); + $config->set('permission.models.permission', Permission::class); + $config->set('permission.models.role', Role::class); + $config->set('permissions.guards', ['web', 'web_admin']); + $config->set('mediapicker.layout', 'layouts.app'); + + $config->set('auth.guards', [ + 'web' => [ + 'driver' => 'session', + 'provider' => 'users', + ], + 'web_admin' => [ + 'driver' => 'session', + 'provider' => 'admins', + ], + ]); + + $config->set('auth.providers', [ + 'users' => [ + 'driver' => 'eloquent', + 'model' => User::class, + ], + 'admins' => [ + 'driver' => 'eloquent', + 'model' => Admin::class, + ], + ]); + + $config->set('filesystems.disks.public', [ 'driver' => 'local', 'root' => $this->getMediaDirectory(), 'url' => '/media', ]); - config()->set('filesystems.disks.secondMediaDisk', [ + $config->set('filesystems.disks.secondMediaDisk', [ 'driver' => 'local', 'root' => $this->getTempDirectory('media2'), 'url' => '/media2', diff --git a/tests/TestSupport/Factories/AdminFactory.php b/tests/TestSupport/Factories/AdminFactory.php new file mode 100644 index 0000000..e6ba68f --- /dev/null +++ b/tests/TestSupport/Factories/AdminFactory.php @@ -0,0 +1,19 @@ + fake()->name, + 'email' => fake()->unique()->safeEmail, + ]; + } +} diff --git a/tests/TestSupport/Http/CustomMediaController.php b/tests/TestSupport/Http/CustomMediaController.php new file mode 100644 index 0000000..e2288df --- /dev/null +++ b/tests/TestSupport/Http/CustomMediaController.php @@ -0,0 +1,17 @@ +json(['custom' => true]); + } +} diff --git a/tests/TestSupport/Models/Admin.php b/tests/TestSupport/Models/Admin.php new file mode 100644 index 0000000..a6e561a --- /dev/null +++ b/tests/TestSupport/Models/Admin.php @@ -0,0 +1,42 @@ +registerMediapickerConversions($media); + } + + public function registerMediaCollections(): void + { + $this->registerMediapickerCollections(); + } +} diff --git a/tests/TestSupport/Models/User.php b/tests/TestSupport/Models/User.php index 005bd54..4125d1a 100644 --- a/tests/TestSupport/Models/User.php +++ b/tests/TestSupport/Models/User.php @@ -7,16 +7,22 @@ use Javaabu\Mediapicker\Concerns\OwnsMedia; use Javaabu\Mediapicker\Contracts\MediaOwner; use Javaabu\Mediapicker\Tests\TestSupport\Factories\UserFactory; +use Javaabu\Permissions\Traits\HasRoles; use Spatie\MediaLibrary\InteractsWithMedia; use Spatie\MediaLibrary\MediaCollections\Models\Media; class User extends Authenticatable implements MediaOwner { use HasFactory; + use HasRoles; use InteractsWithMedia; use OwnsMedia; - protected static function newFactory() + protected $guarded = []; + + protected string $guard_name = 'web'; + + protected static function newFactory(): UserFactory { return new UserFactory; } diff --git a/tests/TestSupport/Policies/DenyAllPolicy.php b/tests/TestSupport/Policies/DenyAllPolicy.php new file mode 100644 index 0000000..836f260 --- /dev/null +++ b/tests/TestSupport/Policies/DenyAllPolicy.php @@ -0,0 +1,18 @@ +loadMigrationsFrom([ - __DIR__ . '/../../../database/migrations', - __DIR__ . '/../database', - ]); + $this->loadMigrationsFrom(__DIR__ . '/../database'); } - - /** - * Register the application services. - */ - public function register() {} } diff --git a/tests/TestSupport/database/2024_01_01_000000_create_media_table.php b/tests/TestSupport/database/2024_01_01_000000_create_media_table.php new file mode 100644 index 0000000..468e4e2 --- /dev/null +++ b/tests/TestSupport/database/2024_01_01_000000_create_media_table.php @@ -0,0 +1,4 @@ +id(); + $table->string('name'); + $table->string('email')->unique(); + $table->timestamps(); + }); + } + + public function down(): void + { + Schema::dropIfExists('admins'); + } +}; diff --git a/tests/TestSupport/database/create_posts_table.php b/tests/TestSupport/database/2024_01_01_000003_create_posts_table.php similarity index 100% rename from tests/TestSupport/database/create_posts_table.php rename to tests/TestSupport/database/2024_01_01_000003_create_posts_table.php diff --git a/tests/Unit/Models/MediaTest.php b/tests/Unit/Models/MediaTest.php index b56aedc..d3cae3c 100644 --- a/tests/Unit/Models/MediaTest.php +++ b/tests/Unit/Models/MediaTest.php @@ -3,7 +3,6 @@ namespace Javaabu\Mediapicker\Tests\Unit\Models; use Illuminate\Foundation\Testing\RefreshDatabase; -use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Gate; use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Tests\TestCase; @@ -85,7 +84,7 @@ public function it_can_search_media(): void } #[Test] - public function it_can_filter_user_visible_media(): void + public function it_can_filter_the_media_visible_to_a_user(): void { $user = $this->getUserWithMedia(name: 'Ahmed'); $media_1 = $user->getFirstMedia('mediapicker'); @@ -101,16 +100,12 @@ public function it_can_filter_user_visible_media(): void return $user->name == 'Mohamed'; }); - Auth::login($user); - - $media = Media::userVisible()->get(); + $media = Media::visibleTo($user)->get(); $this->assertCount(1, $media); $this->assertEquals($media_1->id, $media->first()->id); - Auth::login($other_user); - - $media = Media::userVisible()->get(); + $media = Media::visibleTo($other_user)->get(); $this->assertCount(2, $media); $this->assertContains($media_1->id, $media->pluck('id')->all()); From be0e35dc1a6ae3526cc2feaefeb7b131589a4a5b Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 20:19:49 +0500 Subject: [PATCH 03/14] Fingerprinted attachment conversions: shared, never re-processed, formats, srcset, crops - AttachmentConversion: usingCrop(), formats(['avif', 'webp']) and withResponsiveImages(); its file name carries a fingerprint of what it does, in the media's conversions/attachments folder (safe from spatie's own clean) - Identical conversions of different models share one file; same-named ones that differ no longer overwrite each other; attaching media again processes nothing - Generated sizes, formats and widths are recorded on the media; getAvailableUrl(), getFormatUrl() and getSrcset() on attachments, and renders with modern sources, srcset, width and height - Crops are stored per preset on the media (Cropper, PUT media/{id}/crops/{preset}); a new crop regenerates only the conversions that use it - mediapicker:clean removes files no attachment of the media uses any more - The library thumbnail is non-queued; formats the image driver can't write are skipped Refs #3, refs #4 Co-Authored-By: Claude Opus 5.5 --- resources/views/components/image.blade.php | 20 ++ src/Commands/AttachmentsCleanCommand.php | 65 ++-- src/Concerns/InteractsWithAttachments.php | 5 +- src/Concerns/OwnsMedia.php | 1 + src/Contracts/Attachment.php | 36 +++ src/Contracts/HasAttachments.php | 4 +- .../PerformAttachmentConversionAction.php | 143 +++++++-- .../PerformAttachmentManipulationsAction.php | 72 ++--- src/Conversions/AttachmentConversion.php | 184 +++++++++++ src/Conversions/ConversionMetadata.php | 77 +++++ src/Conversions/FormatSupport.php | 50 +++ src/Conversions/MediaManipulator.php | 102 ++++--- src/Conversions/PathFor.php | 28 ++ src/Conversions/StaleConversions.php | 116 +++++++ .../RegenerateCroppedConversions.php | 42 +++ src/MediapickerServiceProvider.php | 19 ++ src/Models/Attachment.php | 173 +++++++++-- src/Models/Observers/AttachmentObserver.php | 2 +- .../AttachmentUrlGeneratorFactory.php | 36 ++- src/Views/Components/Image.php | 128 ++++++++ .../Commands/AttachmentsCleanCommandTest.php | 6 +- .../AttachmentsRegenerateCommandTest.php | 6 +- .../Conversions/AttachmentConversionsTest.php | 286 ++++++++++++++++++ tests/TestSupport/Models/Article.php | 53 ++++ .../Models/ModelWithIdenticalConversions.php | 16 + .../Concerns/InteractsWithAttachmentsTest.php | 46 +-- 26 files changed, 1476 insertions(+), 240 deletions(-) create mode 100644 resources/views/components/image.blade.php create mode 100644 src/Conversions/AttachmentConversion.php create mode 100644 src/Conversions/ConversionMetadata.php create mode 100644 src/Conversions/FormatSupport.php create mode 100644 src/Conversions/PathFor.php create mode 100644 src/Conversions/StaleConversions.php create mode 100644 src/Listeners/RegenerateCroppedConversions.php create mode 100644 src/Views/Components/Image.php create mode 100644 tests/Feature/Conversions/AttachmentConversionsTest.php create mode 100644 tests/TestSupport/Models/Article.php create mode 100644 tests/TestSupport/Models/ModelWithIdenticalConversions.php diff --git a/resources/views/components/image.blade.php b/resources/views/components/image.blade.php new file mode 100644 index 0000000..a32fdff --- /dev/null +++ b/resources/views/components/image.blade.php @@ -0,0 +1,20 @@ +@php($sources = $sources()) +@if($sources) + + @foreach($sources as $source) + + @endforeach +@endif + merge([ + 'src' => $src(), + 'srcset' => $srcset(), + 'sizes' => $srcset() ? $sizes : null, + 'width' => $width(), + 'height' => $height(), + 'alt' => $altText(), + 'loading' => $loading, + 'decoding' => 'async', + ]) }}> +@if($sources) + +@endif diff --git a/src/Commands/AttachmentsCleanCommand.php b/src/Commands/AttachmentsCleanCommand.php index 98a7daa..a6bce63 100644 --- a/src/Commands/AttachmentsCleanCommand.php +++ b/src/Commands/AttachmentsCleanCommand.php @@ -6,13 +6,11 @@ use Illuminate\Console\ConfirmableTrait; use Illuminate\Contracts\Filesystem\Factory; use Illuminate\Support\LazyCollection; -use Illuminate\Support\Str; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\Contracts\Attachment; -use Javaabu\Mediapicker\Conversions\AttachmentConversionCollection; use Javaabu\Mediapicker\Conversions\MediaManipulator; +use Javaabu\Mediapicker\Conversions\StaleConversions; use Spatie\MediaLibrary\MediaCollections\Models\Media; -use Spatie\MediaLibrary\Support\PathGenerator\PathGeneratorFactory; class AttachmentsCleanCommand extends Command { @@ -119,54 +117,33 @@ protected function getOrphanedAttachmentItems(): LazyCollection return $this->attachmentRepository->getOrphans(); } + /** + * Remove the attachment conversion files of the selected attachments' media that no + * attachment of that media uses any more + */ protected function deleteFilesGeneratedForDeprecatedConversions(): void { - $this->getAttachmentItems()->each(function (Attachment $attachment) { - $this->deleteConversionFilesForDeprecatedConversions($attachment); + $stale_conversions = app(StaleConversions::class); + $seen = []; - if ($this->rateLimit) { - usleep((1 / $this->rateLimit) * 1_000_000 * 2); - } - }); - } - - protected function deleteConversionFilesForDeprecatedConversions(Attachment $attachment): void - { - $conversionFilePaths = AttachmentConversionCollection::createForAttachment($attachment)->getConversionsFiles($attachment->collection_name); - - $media = $attachment->media; - $conversionPath = PathGeneratorFactory::create($media)->getPathForConversions($media); - $currentFilePaths = $this->fileSystem->disk($media->disk)->files($conversionPath); - - collect($currentFilePaths) - ->reject(fn (string $currentFilePath) => $conversionFilePaths->contains(basename($currentFilePath))) - ->reject(fn (string $currentFilePath) => $media->file_name === basename($currentFilePath)) - ->each(function (string $currentFilePath) use ($media) { - if (! $this->isDryRun) { - $this->fileSystem->disk($media->disk)->delete($currentFilePath); - - $this->markConversionAsRemoved($media, $currentFilePath); - } + $this->getAttachmentItems()->each(function (Attachment $attachment) use ($stale_conversions, &$seen) { + $media = $attachment->media; - $this->info("Deprecated conversion file `{$currentFilePath}` " . ($this->isDryRun ? 'found' : 'has been removed')); - }); - } + if (! $media || isset($seen[$media->getKey()])) { + return; + } - protected function markConversionAsRemoved(Media $media, string $conversionPath): void - { - $conversionFile = pathinfo($conversionPath, PATHINFO_FILENAME); + $seen[$media->getKey()] = true; - $generatedConversionName = null; + $files = $this->isDryRun ? $stale_conversions->find($media) : $stale_conversions->clean($media); - $media->getGeneratedConversions() - ->dot() - ->filter( - fn (bool $isGenerated, string $generatedConversionName) => Str::contains($conversionFile, $generatedConversionName) - ) - ->each( - fn (bool $isGenerated, string $conversionName) => $media->markAsConversionNotGenerated($conversionName) - ); + foreach ($files as $file) { + $this->info("Deprecated conversion file `{$file}` " . ($this->isDryRun ? 'found' : 'has been removed')); + } - $media->save(); + if ($this->rateLimit) { + usleep((1 / $this->rateLimit) * 1_000_000 * 2); + } + }); } } diff --git a/src/Concerns/InteractsWithAttachments.php b/src/Concerns/InteractsWithAttachments.php index c969e86..9ab33d6 100644 --- a/src/Concerns/InteractsWithAttachments.php +++ b/src/Concerns/InteractsWithAttachments.php @@ -16,6 +16,7 @@ use Javaabu\Mediapicker\AttachmentCollections\MediaAdderFactory; use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Contracts\HasAttachments; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; use Javaabu\Mediapicker\Mediapicker; use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\MediaCollections\MediaCollection; @@ -421,9 +422,9 @@ public function processUnattachedAttachments(callable $callable) /* * Add a conversion. */ - public function addAttachmentConversion(string $name): Conversion + public function addAttachmentConversion(string $name): AttachmentConversion { - $conversion = Conversion::create($name); + $conversion = AttachmentConversion::create($name); $this->attachmentConversions[] = $conversion; diff --git a/src/Concerns/OwnsMedia.php b/src/Concerns/OwnsMedia.php index d193c28..a2a4041 100644 --- a/src/Concerns/OwnsMedia.php +++ b/src/Concerns/OwnsMedia.php @@ -44,6 +44,7 @@ public function registerMediapickerConversions(?Media $media = null): void ->height(250) ->fit(Fit::Crop, 250, 250) ->keepOriginalImageFormat() + ->nonQueued() ->shouldBePerformedOn($this->getMediapickerCollectionName()); } diff --git a/src/Contracts/Attachment.php b/src/Contracts/Attachment.php index 4b9ea31..23aa556 100644 --- a/src/Contracts/Attachment.php +++ b/src/Contracts/Attachment.php @@ -6,6 +6,8 @@ use Illuminate\Database\Eloquent\Builder; use Illuminate\Database\Eloquent\Relations\BelongsTo; use Illuminate\Database\Eloquent\Relations\MorphTo; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; +use Javaabu\Mediapicker\Conversions\AttachmentConversionCollection; interface Attachment { @@ -49,6 +51,40 @@ public function getUrl(string $conversionName = ''): string; */ public function getTemporaryUrl(DateTimeInterface $expiration, string $conversionName = '', array $options = []): string; + /** + * The conversions the attached model declares for this attachment's collection + */ + public function conversions(): AttachmentConversionCollection; + + /** + * A conversion by name, or null when the model doesn't declare it + */ + public function conversion(string $conversion_name): ?AttachmentConversion; + + /** + * What was generated for a conversion: width, height, formats and responsive widths + * + * @return array{width?: ?int, height?: ?int, formats?: array, widths?: array}|null + */ + public function conversionMetadata(string $conversion_name): ?array; + + /** + * The URL of the first generated conversion, else of the original file + * + * @param string|array $conversion_names + */ + public function getAvailableUrl(string|array $conversion_names = []): string; + + /** + * The URL of a conversion's copy in another format, once generated + */ + public function getFormatUrl(string $conversion_name, string $format): ?string; + + /** + * A srcset for a conversion, in its own format or another generated one + */ + public function getSrcset(string $conversion_name, ?string $format = null): string; + public function setHighestOrderNumber(): void; public function getHighestOrderNumber(): int; diff --git a/src/Contracts/HasAttachments.php b/src/Contracts/HasAttachments.php index fd7ada7..d6e13fa 100644 --- a/src/Contracts/HasAttachments.php +++ b/src/Contracts/HasAttachments.php @@ -10,7 +10,7 @@ use Javaabu\Mediapicker\AttachmentCollections\Exceptions\AttachmentCannotBeDeleted; use Javaabu\Mediapicker\AttachmentCollections\Exceptions\AttachmentCannotBeUpdated; use Javaabu\Mediapicker\AttachmentCollections\MediaAdder; -use Spatie\MediaLibrary\Conversions\Conversion; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; use Spatie\MediaLibrary\MediaCollections\Models\Media; interface HasAttachments @@ -146,7 +146,7 @@ public function processUnattachedAttachments(callable $callable); /* * Add a conversion. */ - public function addAttachmentConversion(string $name): Conversion; + public function addAttachmentConversion(string $name): AttachmentConversion; /* * Register the attachment conversions. diff --git a/src/Conversions/Actions/PerformAttachmentConversionAction.php b/src/Conversions/Actions/PerformAttachmentConversionAction.php index bddfba5..d287f6f 100644 --- a/src/Conversions/Actions/PerformAttachmentConversionAction.php +++ b/src/Conversions/Actions/PerformAttachmentConversionAction.php @@ -2,65 +2,144 @@ namespace Javaabu\Mediapicker\Conversions\Actions; +use Illuminate\Support\Facades\Log; use Javaabu\Mediapicker\Contracts\Attachment; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; +use Javaabu\Mediapicker\Conversions\ConversionMetadata; use Javaabu\Mediapicker\Conversions\Events\AttachmentConversionHasBeenCompletedEvent; use Javaabu\Mediapicker\Conversions\Events\AttachmentConversionWillStartEvent; -use Spatie\MediaLibrary\Conversions\Conversion; +use Javaabu\Mediapicker\Conversions\FormatSupport; +use Spatie\Image\Image; use Spatie\MediaLibrary\Conversions\ImageGenerators\ImageGeneratorFactory; use Spatie\MediaLibrary\MediaCollections\Filesystem; -use Spatie\MediaLibrary\ResponsiveImages\ResponsiveImageGenerator; +use Spatie\MediaLibrary\MediaCollections\Models\Media; +/** + * Generates an attachment conversion: its main file, a copy per extra format, and smaller + * widths of each when it has responsive images, then records them on the media + */ class PerformAttachmentConversionAction { - public function execute( - Conversion $conversion, - Attachment $attachment, - string $copiedOriginalFile - ): void { + public function execute(AttachmentConversion $conversion, Attachment $attachment, string $copied_original_file): void + { $media = $attachment->media; - $imageGenerator = ImageGeneratorFactory::forMedia($media); + $image_generator = ImageGeneratorFactory::forMedia($media); - $copiedOriginalFile = $imageGenerator->convert($copiedOriginalFile, $conversion); + $base_image = $image_generator?->convert($copied_original_file, $conversion); - if (! $copiedOriginalFile) { + if (! $base_image) { return; } - event(new AttachmentConversionWillStartEvent($attachment, $conversion, $copiedOriginalFile)); + event(new AttachmentConversionWillStartEvent($attachment, $conversion, $base_image)); - $manipulationResult = (new PerformAttachmentManipulationsAction)->execute($attachment, $conversion, $copiedOriginalFile); + $metadata = ['width' => null, 'height' => null, 'formats' => [], 'widths' => []]; - $newFileName = $conversion->getConversionFile($media); + foreach ($this->variants($media, $conversion) as $index => $variant) { + $file = $this->renameInLocalDirectory( + (new PerformAttachmentManipulationsAction)->execute($media, $variant, $base_image), + $variant->getConversionFileName($media), + ); - $renamedFile = $this->renameInLocalDirectory($manipulationResult, $newFileName); + if ($index === 0) { + [$metadata['width'], $metadata['height']] = $this->dimensions($file); + } - if ($conversion->shouldGenerateResponsiveImages()) { - /** @var ResponsiveImageGenerator $responsiveImageGenerator */ - $responsiveImageGenerator = app(ResponsiveImageGenerator::class); + $metadata['formats'][] = $variant->getFormat($media); - $responsiveImageGenerator->generateResponsiveImagesForConversion( - $media, - $conversion, - $renamedFile - ); - } + if ($conversion->shouldGenerateResponsiveImages()) { + $metadata['widths'] = $this->generateWidths($media, $variant, $file, $metadata['width']); + } - app(Filesystem::class)->copyToMediaLibrary($renamedFile, $media, 'conversions'); + $this->copyToMediaLibrary($file, $media, $variant); + } - $media->markAsConversionGenerated($conversion->getName()); + ConversionMetadata::put($media, $conversion->key($media), $metadata); event(new AttachmentConversionHasBeenCompletedEvent($attachment, $conversion)); } - protected function renameInLocalDirectory( - string $fileNameWithDirectory, - string $newFileNameWithoutDirectory - ): string { - $targetFile = pathinfo($fileNameWithDirectory, PATHINFO_DIRNAME) . '/' . $newFileNameWithoutDirectory; + /** + * The conversion, then a copy for each extra format + * + * @return array + */ + protected function variants(Media $media, AttachmentConversion $conversion): array + { + $main_format = $conversion->getFormat($media); + + $variants = [$conversion]; + + foreach ($conversion->getFormats() as $format) { + if ($format === $main_format) { + continue; + } + + if (! FormatSupport::supports($format)) { + Log::warning("Mediapicker: the image driver can't write {$format}, so the {$conversion->getName()} conversion has no {$format} copy."); + + continue; + } + + $variants[] = $conversion->forFormat($media, $format); + } + + return $variants; + } + + /** + * Smaller copies for srcset, at the widths spatie's width calculator picks below the + * conversion's own width + * + * @return array + */ + protected function generateWidths(Media $media, AttachmentConversion $variant, string $file, ?int $full_width): array + { + $widths = app(config('media-library.responsive_images.width_calculator')) + ->calculateWidthsFromFile($file) + ->filter(fn (int $width) => ! $full_width || $width < $full_width) + ->sortDesc() + ->values() + ->all(); + + foreach ($widths as $width) { + $sized = $variant->forWidth($media, $width); + $target = pathinfo($file, PATHINFO_DIRNAME) . '/' . $sized->getConversionFileName($media); + + Image::useImageDriver(config('media-library.image_driver')) + ->loadFile($file) + ->width($width) + ->format($variant->getFormat($media)) + ->save($target); + + $this->copyToMediaLibrary($target, $media, $sized); + } + + return $widths; + } + + protected function copyToMediaLibrary(string $file, Media $media, AttachmentConversion $conversion): void + { + app(Filesystem::class)->copyToMediaLibrary($file, $media, 'conversions', $conversion->getConversionFile($media)); + } + + /** + * @return array{0: ?int, 1: ?int} + */ + protected function dimensions(string $file): array + { + $size = @getimagesize($file); + + return $size ? [$size[0], $size[1]] : [null, null]; + } + + protected function renameInLocalDirectory(string $file, string $new_name): string + { + $target = pathinfo($file, PATHINFO_DIRNAME) . '/' . $new_name; - rename($fileNameWithDirectory, $targetFile); + rename($file, $target); - return $targetFile; + return $target; } } diff --git a/src/Conversions/Actions/PerformAttachmentManipulationsAction.php b/src/Conversions/Actions/PerformAttachmentManipulationsAction.php index dece14d..9083e66 100644 --- a/src/Conversions/Actions/PerformAttachmentManipulationsAction.php +++ b/src/Conversions/Actions/PerformAttachmentManipulationsAction.php @@ -2,66 +2,54 @@ namespace Javaabu\Mediapicker\Conversions\Actions; -use Illuminate\Support\Facades\File; use Illuminate\Support\Str; -use Javaabu\Mediapicker\Models\Attachment; -use Spatie\Image\Exceptions\UnsupportedImageFormat; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; +use Spatie\Image\Enums\Orientation; use Spatie\Image\Image; -use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\MediaCollections\Models\Media; +/** + * Makes one conversion file: the media's crop (when the conversion uses one), then the + * conversion's manipulations, saved in the conversion's format + */ class PerformAttachmentManipulationsAction { - public function execute( - Attachment $attachment, - Conversion $conversion, - string $imageFile, - ): string { - $media = $attachment->media; + public function execute(Media $media, AttachmentConversion $conversion, string $image_file): string + { + $format = $conversion->getFormat($media); - if ($conversion->getManipulations()->isEmpty()) { - return $imageFile; - } - - $conversionTempFile = $this->getConversionTempFileName($media, $conversion, $imageFile); - - File::copy($imageFile, $conversionTempFile); - - $supportedFormats = ['jpg', 'jpeg', 'pjpg', 'png', 'gif', 'webp']; - if ($conversion->shouldKeepOriginalImageFormat() && in_array($media->extension, $supportedFormats)) { - $conversion->format($media->extension); - } + $target = pathinfo($image_file, PATHINFO_DIRNAME) . '/' . Str::random(32) . ".{$format}"; $image = Image::useImageDriver(config('media-library.image_driver')) - ->loadFile($conversionTempFile) - ->format('jpg'); + ->loadFile($image_file); - try { - $conversion->getManipulations()->apply($image); + if ($crop = $conversion->getCrop($media)) { + $this->applyCrop($image, $crop); + } - $image->save(); - } catch (UnsupportedImageFormat) { + $conversion->getManipulations()->apply($image); - } + $image->format($format)->save($target); - return $conversionTempFile; + return $target; } - protected function getConversionTempFileName( - Media $media, - Conversion $conversion, - string $imageFile, - ): string { - $directory = pathinfo($imageFile, PATHINFO_DIRNAME); - - $extension = $media->extension; + /** + * @param array{x: int, y: int, width: int, height: int, rotation?: int} $crop + */ + protected function applyCrop(mixed $image, array $crop): void + { + $rotation = ((int) ($crop['rotation'] ?? 0) % 360 + 360) % 360; - if ($extension === '') { - $extension = 'jpg'; + if ($rotation && $orientation = Orientation::tryFrom($rotation)) { + $image->orientation($orientation); } - $fileName = Str::random(32) . "{$conversion->getName()}.{$extension}"; + $x = max(0, min($crop['x'], $image->getWidth() - 1)); + $y = max(0, min($crop['y'], $image->getHeight() - 1)); + $width = max(1, min($crop['width'], $image->getWidth() - $x)); + $height = max(1, min($crop['height'], $image->getHeight() - $y)); - return "{$directory}/{$fileName}"; + $image->manualCrop($width, $height, $x, $y); } } diff --git a/src/Conversions/AttachmentConversion.php b/src/Conversions/AttachmentConversion.php new file mode 100644 index 0000000..a50bef5 --- /dev/null +++ b/src/Conversions/AttachmentConversion.php @@ -0,0 +1,184 @@ +addAttachmentConversion('card') + * ->usingCrop('wide') // the media's `wide` crop, when it has one + * ->fit(Fit::Crop, 800, 450) + * ->formats(['avif', 'webp']) // extra copies in modern formats + * ->withResponsiveImages() // smaller widths for srcset + * ->performOnCollections('featured_image'); + * ``` + * + * Its file name carries a fingerprint of what it does (manipulations, format and crop): + * `{file}-{conversion}-{fingerprint}.{ext}` in the media's `conversions/attachments` folder. + * So identical conversions declared by different models share one file, same-named + * conversions that differ don't overwrite each other, unchanged media is never processed + * again, and a new crop or definition gets a new file. + */ +class AttachmentConversion extends Conversion +{ + /** The folder inside the media's conversions folder */ + public const string DIRECTORY = 'attachments'; + + protected ?string $crop_preset = null; + + /** @var array */ + protected array $formats = []; + + /** Set on copies made for an extra format or a responsive width */ + protected ?string $base_fingerprint = null; + + protected ?int $responsive_width = null; + + /** + * Apply the media's crop for this preset (see `config('mediapicker.crop_presets')`) before + * the other manipulations. Media without that crop use the whole image. + */ + public function usingCrop(?string $preset): static + { + $this->crop_preset = $preset; + + return $this; + } + + public function getCropPreset(): ?string + { + return $this->crop_preset; + } + + /** + * Extra copies in other formats, for `` sources: `['avif', 'webp']` + * + * @param string|array $formats + */ + public function formats(string|array $formats): static + { + $this->formats = array_values(array_unique(array_map('strtolower', Arr::wrap($formats)))); + + return $this; + } + + /** + * @return array + */ + public function getFormats(): array + { + return $this->formats; + } + + /** + * The crop this conversion applies to the media, if any + * + * @return array{x: int, y: int, width: int, height: int, rotation: int}|null + */ + public function getCrop(Media $media): ?array + { + if (! $this->crop_preset) { + return null; + } + + $crop = $media->getCustomProperty("crops.{$this->crop_preset}"); + + return is_array($crop) ? $crop : null; + } + + /** + * A short hash of what this conversion does to this media + */ + public function fingerprint(Media $media): string + { + if ($this->base_fingerprint) { + return $this->base_fingerprint; + } + + $manipulations = Arr::except($this->getManipulations()->toArray(), ['optimize']); + + return substr(sha1(json_encode([ + $manipulations, + $this->getResultExtension($this->originalExtension($media)), + $this->getCrop($media), + $this->getExtractVideoFrameAtSecond(), + $this->getPdfPageNumber(), + ])), 0, 10); + } + + /** + * The key of this conversion's files in the media's metadata: `{conversion}-{fingerprint}` + */ + public function key(Media $media): string + { + return "{$this->getName()}-{$this->fingerprint($media)}"; + } + + /** + * The file, relative to the media's conversions folder, so URL and path generators + * resolve it + */ + public function getConversionFile(Media $media): string + { + return self::DIRECTORY . '/' . $this->getConversionFileName($media); + } + + public function getConversionFileName(Media $media): string + { + $file = pathinfo($media->file_name, PATHINFO_FILENAME); + $width = $this->responsive_width ? "___{$this->responsive_width}" : ''; + $extension = $this->getResultExtension($this->originalExtension($media)) ?: $this->originalExtension($media); + + return "{$file}-{$this->getName()}-{$this->fingerprint($media)}{$width}.{$extension}"; + } + + /** + * The same conversion, saved in another format + */ + public function forFormat(Media $media, string $format): static + { + $variant = clone $this; + $variant->manipulations = clone $this->manipulations; + $variant->base_fingerprint = $this->fingerprint($media); + $variant->formats = []; + $variant->keepOriginalImageFormat = false; + $variant->format($format); + + return $variant; + } + + /** + * This conversion's file scaled down to a width, for srcset + */ + public function forWidth(Media $media, int $width): static + { + $variant = clone $this; + $variant->base_fingerprint = $this->fingerprint($media); + $variant->responsive_width = $width; + + return $variant; + } + + public function getResponsiveWidth(): ?int + { + return $this->responsive_width; + } + + /** + * The format of this conversion's main file + */ + public function getFormat(Media $media): string + { + return strtolower($this->getResultExtension($this->originalExtension($media)) ?: $this->originalExtension($media)); + } + + protected function originalExtension(Media $media): string + { + return strtolower(pathinfo($media->file_name, PATHINFO_EXTENSION)); + } +} diff --git a/src/Conversions/ConversionMetadata.php b/src/Conversions/ConversionMetadata.php new file mode 100644 index 0000000..da0c809 --- /dev/null +++ b/src/Conversions/ConversionMetadata.php @@ -0,0 +1,77 @@ + 800, 'height' => 450, 'formats' => ['jpg', 'avif', 'webp'], 'widths' => [640, 480, 320]] + * ``` + */ +class ConversionMetadata +{ + public const string PROPERTY = 'attachment_conversions'; + + /** + * @return array{width?: int, height?: int, formats?: array, widths?: array}|null + */ + public static function get(Media $media, string $key): ?array + { + $metadata = $media->getCustomProperty(self::PROPERTY . ".{$key}"); + + return is_array($metadata) ? $metadata : null; + } + + public static function has(Media $media, string $key): bool + { + return static::get($media, $key) !== null; + } + + /** + * @return array> + */ + public static function all(Media $media): array + { + return $media->getCustomProperty(self::PROPERTY, []); + } + + /** + * Record a generated conversion. Reads the media again first, so conversions generated by + * parallel jobs aren't lost. + * + * @param array $metadata + */ + public static function put(Media $media, string $key, array $metadata): void + { + $fresh = $media->exists ? ($media->fresh() ?? $media) : $media; + + $all = static::all($fresh); + $all[$key] = $metadata; + + $fresh->setCustomProperty(self::PROPERTY, $all); + $fresh->saveQuietly(); + + $media->setCustomProperty(self::PROPERTY, $all); + } + + /** + * Forget conversions, e.g. after their files were removed + * + * @param array $keys + */ + public static function forget(Media $media, array $keys): void + { + $fresh = $media->exists ? ($media->fresh() ?? $media) : $media; + + $all = array_diff_key(static::all($fresh), array_flip($keys)); + + $fresh->setCustomProperty(self::PROPERTY, $all); + $fresh->saveQuietly(); + + $media->setCustomProperty(self::PROPERTY, $all); + } +} diff --git a/src/Conversions/FormatSupport.php b/src/Conversions/FormatSupport.php new file mode 100644 index 0000000..d0458b0 --- /dev/null +++ b/src/Conversions/FormatSupport.php @@ -0,0 +1,50 @@ + */ + protected static array $cache = []; + + public static function supports(string $format): bool + { + $format = strtolower($format === 'jpeg' ? 'jpg' : $format); + $driver = strtolower((string) config('media-library.image_driver', 'gd')); + + return static::$cache["{$driver}:{$format}"] ??= $driver === 'imagick' + ? static::imagickSupports($format) + : static::gdSupports($format); + } + + protected static function gdSupports(string $format): bool + { + if (! function_exists('gd_info')) { + return false; + } + + return match ($format) { + 'jpg' => function_exists('imagejpeg'), + 'png' => function_exists('imagepng'), + 'gif' => function_exists('imagegif'), + 'webp' => function_exists('imagewebp') && (gd_info()['WebP Support'] ?? false), + 'avif' => function_exists('imageavif') && (gd_info()['AVIF Support'] ?? false), + default => false, + }; + } + + protected static function imagickSupports(string $format): bool + { + if (! class_exists(Imagick::class)) { + return false; + } + + return Imagick::queryFormats(strtoupper($format === 'jpg' ? 'jpeg' : $format)) !== []; + } +} diff --git a/src/Conversions/MediaManipulator.php b/src/Conversions/MediaManipulator.php index cdc2f9a..e0ff814 100644 --- a/src/Conversions/MediaManipulator.php +++ b/src/Conversions/MediaManipulator.php @@ -5,8 +5,8 @@ use Illuminate\Support\Facades\Storage; use Illuminate\Support\Str; use Javaabu\Mediapicker\Contracts\Attachment; +use Javaabu\Mediapicker\Conversions\Actions\PerformAttachmentConversionAction; use Javaabu\Mediapicker\Conversions\Jobs\PerformAttachmentConversionsJob; -use Spatie\MediaLibrary\Conversions\Actions\PerformConversionAction; use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\Conversions\FileManipulator; use Spatie\MediaLibrary\Conversions\ImageGenerators\ImageGeneratorFactory; @@ -14,95 +14,105 @@ use Spatie\MediaLibrary\MediaCollections\Models\Media; use Spatie\MediaLibrary\Support\TemporaryDirectory; +/** + * Generates the conversions an attachment needs: only those its model declares for its + * collection, only the ones not generated yet (`only_missing`), queued unless a conversion + * is `nonQueued()` + */ class MediaManipulator extends FileManipulator { + /** + * @param array $only_conversion_names + */ public function createDerivedAttachmentFiles( Attachment $attachment, - array $onlyConversionNames = [], - bool $onlyMissing = false, - bool $withResponsiveImages = false, - bool $queueAll = false, + array $only_conversion_names = [], + bool $only_missing = false, + bool $with_responsive_images = false, + bool $queue_all = false, ): void { $media = $attachment->media; - if (! $this->canConvertMedia($media)) { + if (! $media || ! $this->canConvertMedia($media)) { return; } - [$queuedConversions, $conversions] = AttachmentConversionCollection::createForAttachment($attachment) - ->filter(function (Conversion $conversion) use ($onlyConversionNames) { - if (count($onlyConversionNames) === 0) { - return true; - } + [$queued, $now] = $this->conversionsFor($attachment, $only_conversion_names) + ->partition(fn (Conversion $conversion) => $queue_all || $conversion->shouldBeQueued()); - return in_array($conversion->getName(), $onlyConversionNames); - }) - ->filter(fn (Conversion $conversion) => $conversion->shouldBePerformedOn($attachment->collection_name)) - ->partition(fn (Conversion $conversion) => $queueAll || $conversion->shouldBeQueued()); + $this->performAttachmentConversions($now, $attachment, $only_missing) + ->dispatchQueuedAttachmentConversions($attachment, $queued, $only_missing); + } - $this - ->performAttachmentConversions($conversions, $attachment, $onlyMissing) - ->dispatchQueuedAttachmentConversions($attachment, $queuedConversions, $onlyMissing); + /** + * The attachment's conversions for its collection + * + * @param array $only_conversion_names + */ + public function conversionsFor(Attachment $attachment, array $only_conversion_names = []): AttachmentConversionCollection + { + return AttachmentConversionCollection::createForAttachment($attachment) + ->filter(fn (Conversion $conversion) => ! $only_conversion_names || in_array($conversion->getName(), $only_conversion_names, true)) + ->filter(fn (Conversion $conversion) => $conversion->shouldBePerformedOn($attachment->collection_name)) + ->values(); } public function performAttachmentConversions( AttachmentConversionCollection $conversions, Attachment $attachment, - bool $onlyMissing = false + bool $only_missing = false, ): self { $media = $attachment->media; - $conversions = $conversions - ->when( - $onlyMissing, - fn (AttachmentConversionCollection $conversions) => $conversions->reject(function (Conversion $conversion) use ($attachment, $media) { - $relativePath = $attachment->getPath($conversion->getName()); - - if ($rootPath = config("filesystems.disks.{$media->disk}.root")) { - $relativePath = str_replace($rootPath, '', $relativePath); - } - - return Storage::disk($media->disk)->exists($relativePath); - }) - ); + if ($only_missing) { + $conversions = $conversions->reject(fn (AttachmentConversion $conversion) => $this->isGenerated($media, $conversion)); + } if ($conversions->isEmpty()) { return $this; } - $temporaryDirectory = TemporaryDirectory::create(); + $temporary_directory = TemporaryDirectory::create(); - $copiedOriginalFile = app(Filesystem::class)->copyFromMediaLibrary( + $copied_original_file = app(Filesystem::class)->copyFromMediaLibrary( $media, - $temporaryDirectory->path(Str::random(32) . '.' . $media->extension) + $temporary_directory->path(Str::random(32) . '.' . $media->extension), ); - $conversions->each(fn (Conversion $conversion) => (new PerformConversionAction)->execute($conversion, $media, $copiedOriginalFile)); + $conversions->each(fn (AttachmentConversion $conversion) => (new PerformAttachmentConversionAction)->execute($conversion, $attachment, $copied_original_file)); - $temporaryDirectory->delete(); + $temporary_directory->delete(); return $this; } /** - * @return $this + * Whether the conversion's files for the media exist: recorded and on the disk */ + public function isGenerated(Media $media, AttachmentConversion $conversion): bool + { + if (! ConversionMetadata::has($media, $conversion->key($media))) { + return false; + } + + $path = PathFor::conversion($media, $conversion); + + return Storage::disk($media->conversions_disk ?: $media->disk)->exists($path); + } + protected function dispatchQueuedAttachmentConversions( Attachment $attachment, AttachmentConversionCollection $conversions, - bool $onlyMissing = false + bool $only_missing = false, ): self { if ($conversions->isEmpty()) { return $this; } - $performConversionsJobClass = config( - 'mediapicker.jobs.perform_conversions', - PerformAttachmentConversionsJob::class - ); + $job_class = config('mediapicker.jobs.perform_conversions', PerformAttachmentConversionsJob::class); /** @var PerformAttachmentConversionsJob $job */ - $job = (new $performConversionsJobClass($conversions, $attachment, $onlyMissing)) + $job = (new $job_class($conversions, $attachment, $only_missing)) ->onConnection(config('media-library.queue_connection_name')) ->onQueue(config('media-library.queue_name')); @@ -115,8 +125,6 @@ protected function dispatchQueuedAttachmentConversions( protected function canConvertMedia(Media $media): bool { - $imageGenerator = ImageGeneratorFactory::forMedia($media); - - return $imageGenerator ? true : false; + return (bool) ImageGeneratorFactory::forMedia($media); } } diff --git a/src/Conversions/PathFor.php b/src/Conversions/PathFor.php new file mode 100644 index 0000000..784c4da --- /dev/null +++ b/src/Conversions/PathFor.php @@ -0,0 +1,28 @@ +getPathForConversions($media) . AttachmentConversion::DIRECTORY . '/'; + } + + /** + * A conversion's file, relative to the disk root + */ + public static function conversion(Media $media, AttachmentConversion $conversion): string + { + return PathGeneratorFactory::create($media)->getPathForConversions($media) . $conversion->getConversionFile($media); + } +} diff --git a/src/Conversions/StaleConversions.php b/src/Conversions/StaleConversions.php new file mode 100644 index 0000000..988cc67 --- /dev/null +++ b/src/Conversions/StaleConversions.php @@ -0,0 +1,116 @@ + + */ + public function expectedFiles(Media $media): array + { + $attachment_class = Mediapicker::attachmentModel(); + + $files = []; + $keys = []; + + $attachment_class::query() + ->where('media_id', $media->getKey()) + ->get() + ->each(function (Attachment $attachment) use ($media, &$files, &$keys) { + $attachment->setRelation('media', $media); + + $attachment->conversions() + ->filter(fn (Conversion $conversion) => $conversion->shouldBePerformedOn($attachment->collection_name)) + ->each(function (AttachmentConversion $conversion) use ($media, &$files, &$keys) { + $keys[] = $conversion->key($media); + + foreach ($this->variants($media, $conversion) as $variant) { + $files[] = $variant->getConversionFileName($media); + + foreach (ConversionMetadata::get($media, $conversion->key($media))['widths'] ?? [] as $width) { + $files[] = $variant->forWidth($media, $width)->getConversionFileName($media); + } + } + }); + }); + + $this->expected_keys = array_values(array_unique($keys)); + + return array_values(array_unique($files)); + } + + /** @var array */ + protected array $expected_keys = []; + + /** + * The stale files, relative to the conversions disk root + * + * @return array + */ + public function find(Media $media): array + { + $expected = $this->expectedFiles($media); + $directory = PathFor::directory($media); + $disk = Storage::disk($media->conversions_disk ?: $media->disk); + + if (! $disk->directoryExists($directory)) { + return []; + } + + return collect($disk->files($directory)) + ->reject(fn (string $path) => in_array(basename($path), $expected, true)) + ->values() + ->all(); + } + + /** + * Delete the stale files and forget their metadata + * + * @return array the deleted files + */ + public function clean(Media $media): array + { + $stale = $this->find($media); + + if ($stale) { + Storage::disk($media->conversions_disk ?: $media->disk)->delete($stale); + } + + $stale_keys = array_diff(array_keys(ConversionMetadata::all($media)), $this->expected_keys); + + if ($stale_keys) { + ConversionMetadata::forget($media, $stale_keys); + } + + return $stale; + } + + /** + * @return array + */ + protected function variants(Media $media, AttachmentConversion $conversion): array + { + $variants = [$conversion]; + + foreach ($conversion->getFormats() as $format) { + if ($format !== $conversion->getFormat($media)) { + $variants[] = $conversion->forFormat($media, $format); + } + } + + return $variants; + } +} diff --git a/src/Listeners/RegenerateCroppedConversions.php b/src/Listeners/RegenerateCroppedConversions.php new file mode 100644 index 0000000..b5ff6c3 --- /dev/null +++ b/src/Listeners/RegenerateCroppedConversions.php @@ -0,0 +1,42 @@ +where('media_id', $event->media->getKey()) + ->get() + ->each(function (Attachment $attachment) use ($event) { + $attachment->setRelation('media', $event->media); + + $names = $attachment->conversions() + ->filter(fn ($conversion) => $conversion instanceof AttachmentConversion && $conversion->getCropPreset() === $event->preset) + ->map(fn (AttachmentConversion $conversion) => $conversion->getName()) + ->values() + ->all(); + + if ($names) { + $this->manipulator->createDerivedAttachmentFiles($attachment, $names, only_missing: true); + } + }); + } +} diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index b4860a0..7701a59 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -2,12 +2,16 @@ namespace Javaabu\Mediapicker; +use Illuminate\Support\Facades\Blade; +use Illuminate\Support\Facades\Event; use Illuminate\Support\Facades\Route; use Illuminate\Support\ServiceProvider; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\Commands\AttachmentsCleanCommand; use Javaabu\Mediapicker\Commands\AttachmentsClearCommand; use Javaabu\Mediapicker\Commands\AttachmentsRegenerateCommand; +use Javaabu\Mediapicker\Events\MediaCropped; +use Javaabu\Mediapicker\Listeners\RegenerateCroppedConversions; use Javaabu\Mediapicker\Models\Attachment; use Javaabu\Mediapicker\Models\Observers\AttachmentObserver; use Javaabu\Mediapicker\Models\Observers\MediaObserver; @@ -41,6 +45,8 @@ public function boot(): void $this->loadViewsFrom(__DIR__ . '/../resources/views', 'mediapicker'); $this->registerObservers(); + $this->registerListeners(); + $this->registerComponents(); $this->registerRouteMacros(); $this->registerPermissions(); @@ -63,6 +69,19 @@ protected function registerObservers(): void $media_class::observe(new $media_observer); } + protected function registerListeners(): void + { + Event::listen(MediaCropped::class, RegenerateCroppedConversions::class); + } + + /** + * , and the picker field + */ + protected function registerComponents(): void + { + Blade::componentNamespace('Javaabu\\Mediapicker\\Views\\Components', 'mediapicker'); + } + protected function registerRouteMacros(): void { Route::macro('mediapicker', function (array $options = []) { diff --git a/src/Models/Attachment.php b/src/Models/Attachment.php index 2d88c90..62d0d0c 100644 --- a/src/Models/Attachment.php +++ b/src/Models/Attachment.php @@ -6,95 +6,204 @@ use Illuminate\Database\Eloquent\Model; use Illuminate\Database\Eloquent\Relations\BelongsTo; use Illuminate\Database\Eloquent\Relations\MorphTo; +use Javaabu\Mediapicker\Contracts\Attachment as AttachmentContract; +use Javaabu\Mediapicker\Conversions\AttachmentConversion; use Javaabu\Mediapicker\Conversions\AttachmentConversionCollection; +use Javaabu\Mediapicker\Conversions\ConversionMetadata; use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\UrlGenerator\AttachmentUrlGeneratorFactory; use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\MediaCollections\Models\Concerns\IsSorted; -class Attachment extends Model implements \Javaabu\Mediapicker\Contracts\Attachment +/** + * A library media attached to a model, in one of its attachment collections + * + * @property int $id + * @property int $media_id + * @property string $collection_name + * @property ?int $order_column + * @property-read ?Media $media + */ +class Attachment extends Model implements AttachmentContract { use IsSorted; - /** - * An attachment belongs to a media item - */ + /** @var array */ + protected array $conversion_collections = []; + public function media(): BelongsTo { return $this->belongsTo(Mediapicker::mediaModel()); } - /** - * An attachment belongs to a model - */ public function model(): MorphTo { return $this->morphTo('model'); } - /* - * Get all the names of the registered media conversions. + /** + * The names of the conversions the attached model declares + * + * @return array */ public function getMediaConversionNames(): array { - $conversions = AttachmentConversionCollection::createForAttachment($this); + return $this->conversions() + ->map(fn (Conversion $conversion) => $conversion->getName()) + ->values() + ->all(); + } + + /** + * The conversions the attached model declares for this attachment's collection + */ + public function conversions(): AttachmentConversionCollection + { + $key = "{$this->model_type}:{$this->collection_name}:{$this->media_id}"; + + return $this->conversion_collections[$key] ??= AttachmentConversionCollection::createForAttachment($this); + } + + /** + * A conversion by name, or null when the model doesn't declare it + */ + public function conversion(string $conversion_name): ?AttachmentConversion + { + $conversion = $this->conversions()->first(fn (Conversion $conversion) => $conversion->getName() === $conversion_name); - return $conversions->map(function (Conversion $conversion) { - return $conversion->getName(); - })->toArray(); + return $conversion instanceof AttachmentConversion ? $conversion : null; } /** - * Check if has a generated conversion + * Whether the conversion's files for the current media and crop were generated */ public function hasGeneratedConversion(string $conversionName): bool { - $media = $this->media; + $conversion = $this->conversion($conversionName); + + if (! $conversion || ! $this->media) { + return false; + } - return $media ? $media->hasGeneratedConversion($conversionName) : false; + return ConversionMetadata::has($this->media, $conversion->key($this->media)); } /** - * Mark conversion as generated + * What was generated for a conversion: width, height, formats and responsive widths + * + * @return array{width?: ?int, height?: ?int, formats?: array, widths?: array}|null */ - public function markAsConversionGenerated(string $conversionName, bool $generated): self + public function conversionMetadata(string $conversion_name): ?array { - $media = $this->media; + $conversion = $this->conversion($conversion_name); - if ($media) { - $media->markAsConversionGenerated($conversionName, $generated); + if (! $conversion || ! $this->media) { + return null; } + return ConversionMetadata::get($this->media, $conversion->key($this->media)); + } + + /** + * Kept for the contract: generation is recorded per fingerprint by the conversion action + */ + public function markAsConversionGenerated(string $conversionName, bool $generated): self + { + $this->media?->markAsConversionGenerated($conversionName, $generated); + return $this; } /** - * Get the path to the original media file. + * The path of the original file, or of a conversion */ public function getPath(string $conversionName = ''): string { - $urlGenerator = AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName); - - return $urlGenerator->getPath(); + return AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName)->getPath(); } /** - * Get the url to the original media file. + * The URL of the original file, or of a conversion (whether or not it's generated yet) */ public function getUrl(string $conversionName = ''): string { - $urlGenerator = AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName); + return AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName)->getUrl(); + } - return $urlGenerator->getUrl(); + public function getTemporaryUrl(DateTimeInterface $expiration, string $conversionName = '', array $options = []): string + { + return AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName)->getTemporaryUrl($expiration, $options); } /** - * Get temporary url + * The URL of the first of the conversions that is generated, else of the original file. + * Use it in pages, so queued conversions never show a broken image. + * + * @param string|array $conversion_names */ - public function getTemporaryUrl(DateTimeInterface $expiration, string $conversionName = '', array $options = []): string + public function getAvailableUrl(string|array $conversion_names = []): string { - $urlGenerator = AttachmentUrlGeneratorFactory::createForAttachment($this, $conversionName); + foreach ((array) $conversion_names as $conversion_name) { + if ($this->hasGeneratedConversion($conversion_name)) { + return $this->getUrl($conversion_name); + } + } + + return $this->getUrl(); + } + + /** + * The URL of a conversion's copy in another format (`webp`, `avif`), once generated + */ + public function getFormatUrl(string $conversion_name, string $format): ?string + { + $conversion = $this->conversion($conversion_name); + $metadata = $this->conversionMetadata($conversion_name); + + if (! $conversion || ! in_array($format, $metadata['formats'] ?? [], true)) { + return null; + } + + $variant = $format === $conversion->getFormat($this->media) + ? $conversion + : $conversion->forFormat($this->media, $format); + + return AttachmentUrlGeneratorFactory::createForConversion($this, $variant)->getUrl(); + } + + /** + * A srcset for a conversion (in its own format, or another generated one): its responsive + * widths and its full width. Empty until the conversion is generated. + */ + public function getSrcset(string $conversion_name, ?string $format = null): string + { + $conversion = $this->conversion($conversion_name); + $metadata = $this->conversionMetadata($conversion_name); + + if (! $conversion || ! $metadata) { + return ''; + } + + $format ??= $conversion->getFormat($this->media); + + if (! in_array($format, $metadata['formats'] ?? [], true)) { + return ''; + } + + $variant = $format === $conversion->getFormat($this->media) + ? $conversion + : $conversion->forFormat($this->media, $format); + + $sources = []; + + if ($metadata['width'] ?? null) { + $sources[] = AttachmentUrlGeneratorFactory::createForConversion($this, $variant)->getUrl() . " {$metadata['width']}w"; + } + + foreach ($metadata['widths'] ?? [] as $width) { + $sources[] = AttachmentUrlGeneratorFactory::createForConversion($this, $variant->forWidth($this->media, $width))->getUrl() . " {$width}w"; + } - return $urlGenerator->getTemporaryUrl($expiration, $options); + return implode(', ', $sources); } } diff --git a/src/Models/Observers/AttachmentObserver.php b/src/Models/Observers/AttachmentObserver.php index b9aeb71..9af9666 100644 --- a/src/Models/Observers/AttachmentObserver.php +++ b/src/Models/Observers/AttachmentObserver.php @@ -31,7 +31,7 @@ public function created(Attachment $attachment): void /** @var MediaManipulator $mediaManipulator */ $mediaManipulator = app(MediaManipulator::class); - $mediaManipulator->createDerivedAttachmentFiles($attachment, onlyMissing: true); + $mediaManipulator->createDerivedAttachmentFiles($attachment, only_missing: true); $attachmentClass::setEventDispatcher($eventDispatcher); } diff --git a/src/UrlGenerator/AttachmentUrlGeneratorFactory.php b/src/UrlGenerator/AttachmentUrlGeneratorFactory.php index c403fda..3a982df 100644 --- a/src/UrlGenerator/AttachmentUrlGeneratorFactory.php +++ b/src/UrlGenerator/AttachmentUrlGeneratorFactory.php @@ -3,36 +3,44 @@ namespace Javaabu\Mediapicker\UrlGenerator; use Javaabu\Mediapicker\Contracts\Attachment; -use Javaabu\Mediapicker\Conversions\AttachmentConversionCollection; +use Spatie\MediaLibrary\Conversions\Conversion; use Spatie\MediaLibrary\Support\PathGenerator\PathGeneratorFactory; use Spatie\MediaLibrary\Support\UrlGenerator\UrlGenerator; use Spatie\MediaLibrary\Support\UrlGenerator\UrlGeneratorFactory; +/** + * spatie's URL generator, for an attachment's media and one of its attachment conversions + */ class AttachmentUrlGeneratorFactory extends UrlGeneratorFactory { public static function createForAttachment(Attachment $attachment, string $conversionName = ''): UrlGenerator { - $media = $attachment->media; + $conversion = $conversionName !== '' + ? ($attachment->conversion($conversionName) ?? $attachment->conversions()->getByName($conversionName)) + : null; + + return static::createForConversion($attachment, $conversion); + } - $urlGeneratorClass = config('media-library.url_generator'); + public static function createForConversion(Attachment $attachment, ?Conversion $conversion = null): UrlGenerator + { + $media = $attachment->media; - static::guardAgainstInvalidUrlGenerator($urlGeneratorClass); + $url_generator_class = config('media-library.url_generator'); - /** @var UrlGenerator $urlGenerator */ - $urlGenerator = app($urlGeneratorClass); + static::guardAgainstInvalidUrlGenerator($url_generator_class); - $pathGenerator = PathGeneratorFactory::create($media); + /** @var UrlGenerator $url_generator */ + $url_generator = app($url_generator_class); - $urlGenerator + $url_generator ->setMedia($media) - ->setPathGenerator($pathGenerator); - - if ($conversionName !== '') { - $conversion = AttachmentConversionCollection::createForAttachment($attachment)->getByName($conversionName); + ->setPathGenerator(PathGeneratorFactory::create($media)); - $urlGenerator->setConversion($conversion); + if ($conversion) { + $url_generator->setConversion($conversion); } - return $urlGenerator; + return $url_generator; } } diff --git a/src/Views/Components/Image.php b/src/Views/Components/Image.php new file mode 100644 index 0000000..aab3913 --- /dev/null +++ b/src/Views/Components/Image.php @@ -0,0 +1,128 @@ +`: modern formats as sources, responsive widths as srcset, + * width and height to avoid layout shift, and the media's alt text + * + * ```blade + * + * + * {{-- a library image, without attachment conversions --}} + * ``` + */ +class Image extends Component +{ + public ?Attachment $resolved_attachment; + + public ?Media $resolved_media; + + public function __construct( + public ?Attachment $attachment = null, + public ?Model $model = null, + public string $collection = 'default', + public ?Media $media = null, + public string $conversion = '', + public ?string $sizes = null, + public ?string $alt = null, + public string $loading = 'lazy', + ) { + $this->resolved_attachment = $attachment ?? ($model instanceof HasAttachments ? $model->getFirstAttachment($collection) : null); + $this->resolved_media = $this->resolved_attachment?->media ?? $media; + } + + public function shouldRender(): bool + { + return (bool) $this->resolved_media; + } + + /** + * @return array + */ + public function sources(): array + { + $metadata = $this->metadata(); + + if (! $metadata) { + return []; + } + + $conversion = $this->resolved_attachment->conversion($this->conversion); + $main_format = $conversion->getFormat($this->resolved_media); + $sources = []; + + foreach (['avif', 'webp', 'png', 'jpg', 'jpeg', 'gif'] as $format) { + if ($format === $main_format || ! in_array($format, $metadata['formats'] ?? [], true)) { + continue; + } + + $sources[] = [ + 'type' => 'image/' . ($format === 'jpg' ? 'jpeg' : $format), + 'srcset' => $this->resolved_attachment->getSrcset($this->conversion, $format), + ]; + } + + return $sources; + } + + public function src(): string + { + if ($this->resolved_attachment) { + return $this->conversion + ? $this->resolved_attachment->getAvailableUrl($this->conversion) + : $this->resolved_attachment->getUrl(); + } + + return MediaResource::conversionUrl($this->resolved_media, 'mediapicker-large') ?? $this->resolved_media->getUrl(); + } + + public function srcset(): ?string + { + if (! $this->metadata()) { + return null; + } + + return $this->resolved_attachment->getSrcset($this->conversion) ?: null; + } + + public function width(): ?int + { + return $this->metadata()['width'] ?? ($this->conversion ? null : $this->resolved_media->width); + } + + public function height(): ?int + { + return $this->metadata()['height'] ?? ($this->conversion ? null : $this->resolved_media->height); + } + + public function altText(): string + { + return $this->alt ?? $this->resolved_media->altText(); + } + + /** + * @return array|null + */ + protected function metadata(): ?array + { + if (! $this->resolved_attachment || ! $this->conversion) { + return null; + } + + return $this->resolved_attachment->conversionMetadata($this->conversion); + } + + public function render(): View + { + return view('mediapicker::components.image'); + } +} diff --git a/tests/Feature/Commands/AttachmentsCleanCommandTest.php b/tests/Feature/Commands/AttachmentsCleanCommandTest.php index dcd9442..93fcd66 100644 --- a/tests/Feature/Commands/AttachmentsCleanCommandTest.php +++ b/tests/Feature/Commands/AttachmentsCleanCommandTest.php @@ -59,10 +59,11 @@ public function it_can_clean_deprecated_attachment_conversion_files(): void $path = $model->getFirstAttachmentPath(conversionName: 'test'); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path); + $this->assertStringContainsString('/conversions/attachments/test-test-', $path); $this->assertFileExists($path); - $new_path = $this->getMediaDirectory($media->getKey() . '/conversions/test-test2.jpg'); + $new_path = $this->getMediaDirectory($media->getKey() . '/conversions/attachments/test-test-0123456789.jpg'); + $spatie_conversion = $this->getMediaDirectory($media->getKey() . '/conversions/test-mediapicker-thumb.jpg'); File::copy($path, $new_path); $this->assertFileExists($new_path); @@ -80,5 +81,6 @@ public function it_can_clean_deprecated_attachment_conversion_files(): void $this->assertFileExists($path); $this->assertFileDoesNotExist($new_path); + $this->assertFileExists($spatie_conversion); } } diff --git a/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php b/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php index 6fcc924..50ebdc3 100644 --- a/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php +++ b/tests/Feature/Commands/AttachmentsRegenerateCommandTest.php @@ -22,7 +22,7 @@ public function it_can_regenerate_missing_attachment_conversions(): void $path = $model->getFirstAttachmentPath(conversionName: 'test'); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path); + $this->assertStringContainsString('/conversions/attachments/test-test-', $path); File::delete($path); $this->assertFileDoesNotExist($path); @@ -53,8 +53,8 @@ public function it_can_regenerate_only_specific_attachment_conversions(): void $path_1 = $model->getFirstAttachmentPath(conversionName: 'test'); $path_2 = $model->getFirstAttachmentPath(conversionName: 'test2'); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path_1); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test2.jpg'), $path_2); + $this->assertStringContainsString('/conversions/attachments/test-test-', $path_1); + $this->assertStringContainsString('/conversions/attachments/test-test2-', $path_2); File::delete($path_1); File::delete($path_2); diff --git a/tests/Feature/Conversions/AttachmentConversionsTest.php b/tests/Feature/Conversions/AttachmentConversionsTest.php new file mode 100644 index 0000000..7699567 --- /dev/null +++ b/tests/Feature/Conversions/AttachmentConversionsTest.php @@ -0,0 +1,286 @@ +forceCreate(['title' => 'ހުޅުމާލެ']); + } + + protected function attachedMedia(Article $article, string $collection = 'featured'): Media + { + $media = $this->getMedia(); + + $article->addAttachment($media)->toAttachmentCollection($collection); + + return $media->refresh(); + } + + #[Test] + public function it_generates_the_conversion_in_extra_formats(): void + { + $article = $this->article(); + $this->attachedMedia($article); + + $attachment = $article->getFirstAttachment('featured'); + + $this->assertEquals(['jpg', 'webp'], $attachment->conversionMetadata('card')['formats']); + + $webp = $attachment->getFormatUrl('card', 'webp'); + + $this->assertStringEndsWith('.webp', $webp); + $this->assertFileExists($this->getTempDirectory() . parse_url($webp, PHP_URL_PATH)); + $this->assertNull($attachment->getFormatUrl('card', 'avif')); + } + + #[Test] + public function it_skips_formats_the_image_driver_cannot_write(): void + { + config(['media-library.image_driver' => 'gd']); + + $article = $this->article(); + $this->attachedMedia($article); + + $formats = $article->getFirstAttachment('featured')->conversionMetadata('card')['formats']; + + $this->assertEquals(FormatSupport::supports('webp') ? ['jpg', 'webp'] : ['jpg'], $formats); + $this->assertFalse(FormatSupport::supports('bmp')); + } + + #[Test] + public function it_records_the_size_of_each_conversion(): void + { + $article = $this->article(); + $this->attachedMedia($article); + + $metadata = $article->getFirstAttachment('featured')->conversionMetadata('card'); + + $this->assertEquals(160, $metadata['width']); + $this->assertEquals(90, $metadata['height']); + } + + #[Test] + public function it_generates_responsive_widths_for_srcset(): void + { + $article = $this->article(); + $article->addAttachment($this->getMedia($this->getTestPng()))->toAttachmentCollection('hero'); + + $attachment = $article->getFirstAttachment('hero'); + $metadata = $attachment->conversionMetadata('hero'); + $srcset = $attachment->getSrcset('hero'); + + $this->assertEquals(['png'], $metadata['formats']); + $this->assertStringContainsString($attachment->getUrl('hero') . ' 340w', $srcset); + $this->assertNotEmpty($metadata['widths']); + + foreach ($metadata['widths'] as $width) { + $this->assertLessThan(340, $width); + $this->assertStringContainsString("___{$width}.png {$width}w", $srcset); + $this->assertFileExists(str_replace('.png', "___{$width}.png", $attachment->getPath('hero'))); + } + } + + #[Test] + public function small_conversions_get_no_extra_widths(): void + { + $article = $this->article(); + $this->attachedMedia($article); + + $attachment = $article->getFirstAttachment('featured'); + + $this->assertEquals([], $attachment->conversionMetadata('card')['widths']); + $this->assertEquals($attachment->getUrl('card') . ' 160w', $attachment->getSrcset('card')); + $this->assertStringContainsString('.webp 160w', $attachment->getSrcset('card', 'webp')); + } + + #[Test] + public function it_queues_conversions_that_are_queued(): void + { + Queue::fake(); + + $article = $this->article(); + $this->attachedMedia($article); + + $attachment = $article->getFirstAttachment('featured'); + + Queue::assertPushed(PerformAttachmentConversionsJob::class, 1); + + $this->assertTrue($attachment->hasGeneratedConversion('card')); + $this->assertFalse($attachment->hasGeneratedConversion('large')); + $this->assertEquals($attachment->getUrl(), $attachment->getAvailableUrl('large')); + $this->assertEquals($attachment->getUrl('card'), $attachment->getAvailableUrl(['large', 'card'])); + } + + #[Test] + public function it_runs_queued_conversions_in_the_job(): void + { + $article = $this->article(); + $this->attachedMedia($article); + + $attachment = $article->getFirstAttachment('featured'); + + $this->assertTrue($attachment->hasGeneratedConversion('large')); + $this->assertEquals(200, $attachment->conversionMetadata('large')['width']); + } + + #[Test] + public function it_only_generates_the_conversions_of_the_attachments_collection(): void + { + $article = $this->article(); + $this->attachedMedia($article, 'gallery'); + + $attachment = $article->getFirstAttachment('gallery'); + + $this->assertTrue($attachment->hasGeneratedConversion('gallery-thumb')); + $this->assertNull($attachment->conversionMetadata('card')); + $this->assertCount(1, glob(dirname($attachment->getPath('gallery-thumb')) . '/*')); + } + + #[Test] + public function it_does_not_process_media_again_when_it_is_attached_again(): void + { + $article = $this->article(); + $media = $this->attachedMedia($article); + + $path = $article->getFirstAttachmentPath('featured', 'card'); + $modified = filemtime($path); + touch($path, $modified - 100); + + $other = $this->article(); + $other->addAttachment($media)->toAttachmentCollection('featured'); + + clearstatcache(); + + $this->assertEquals($modified - 100, filemtime($path)); + } + + #[Test] + public function it_applies_the_crop_a_conversion_uses(): void + { + $article = $this->article(); + $media = $this->getMedia(); + + app(Cropper::class)->crop($media, 'wide', ['x' => 10, 'y' => 20, 'width' => 320, 'height' => 180]); + + $article->addAttachment($media)->toAttachmentCollection('featured'); + + $attachment = $article->getFirstAttachment('featured'); + + $this->assertEquals(['x' => 10, 'y' => 20, 'width' => 320, 'height' => 180, 'rotation' => 0], $article->cardConversion()->getCrop($attachment->media)); + $this->assertEquals(['width' => 160, 'height' => 90], $this->getImageDimensions($attachment->getPath('card'))); + } + + #[Test] + public function a_new_crop_regenerates_only_the_conversions_that_use_it(): void + { + $article = $this->article(); + $media = $this->attachedMedia($article); + + $attachment = $article->getFirstAttachment('featured'); + $old_card = $attachment->getPath('card'); + $large = $attachment->getPath('large'); + $large_modified = filemtime($large); + touch($large, $large_modified - 100); + + app(Cropper::class)->crop($media, 'wide', ['x' => 0, 'y' => 0, 'width' => 160, 'height' => 90]); + + $attachment = $article->fresh()->getFirstAttachment('featured'); + $new_card = $attachment->getPath('card'); + + clearstatcache(); + + $this->assertNotEquals($old_card, $new_card); + $this->assertFileExists($new_card); + $this->assertTrue($attachment->hasGeneratedConversion('card')); + $this->assertEquals($large, $attachment->getPath('large')); + $this->assertEquals($large_modified - 100, filemtime($large)); + } + + #[Test] + public function stale_conversion_files_can_be_cleaned(): void + { + $article = $this->article(); + $media = $this->attachedMedia($article); + + $old_card = $article->getFirstAttachment('featured')->getPath('card'); + + app(Cropper::class)->crop($media, 'wide', ['x' => 0, 'y' => 0, 'width' => 160, 'height' => 90]); + + $this->assertFileExists($old_card); + + $removed = app(StaleConversions::class)->clean($media->refresh()); + + $this->assertNotEmpty($removed); + $this->assertFileDoesNotExist($old_card); + $this->assertFileExists($article->fresh()->getFirstAttachment('featured')->getPath('card')); + $this->assertFileExists($article->fresh()->getFirstAttachment('featured')->getPath('large')); + } + + #[Test] + public function the_library_thumbnail_is_made_right_away(): void + { + config(['media-library.queue_conversions_by_default' => true]); + Queue::fake(); + + $media = $this->getMedia(); + + $this->assertTrue($media->hasGeneratedConversion('mediapicker-thumb')); + $this->assertFalse($media->hasGeneratedConversion('mediapicker-large')); + } + + #[Test] + public function it_renders_an_attached_image_as_a_picture(): void + { + $article = $this->article(); + $media = $this->attachedMedia($article); + $media->alt = 'ހުޅުމާލޭގެ ބީޗް'; + $media->save(); + + $html = Blade::render('', ['article' => $article->fresh()]); + + $this->assertStringContainsString('', $html); + $this->assertStringContainsString('assertStringContainsString('height="90"', $html); + $this->assertStringContainsString('alt="ހުޅުމާލޭގެ ބީޗް"', $html); + $this->assertStringContainsString('sizes="100vw"', $html); + $this->assertStringContainsString('class="rounded"', $html); + $this->assertStringContainsString('loading="lazy"', $html); + } + + #[Test] + public function it_renders_nothing_without_an_image(): void + { + $html = Blade::render('', ['article' => $this->article()]); + + $this->assertEquals('', trim($html)); + } + + #[Test] + public function it_renders_a_library_image(): void + { + $media = $this->getMedia(); + + $html = Blade::render('', ['media' => $media]); + + $this->assertStringNotContainsString('', $html); + $this->assertStringContainsString('src="' . $media->getUrl('mediapicker-large') . '"', $html); + $this->assertStringContainsString('alt=""', $html); + } +} diff --git a/tests/TestSupport/Models/Article.php b/tests/TestSupport/Models/Article.php new file mode 100644 index 0000000..a580e14 --- /dev/null +++ b/tests/TestSupport/Models/Article.php @@ -0,0 +1,53 @@ +addAttachmentCollection('featured')->singleFile(); + $this->addAttachmentCollection('gallery'); + $this->addAttachmentCollection('hero'); + } + + public function registerAttachmentConversions(?Media $media = null): void + { + $this->addAttachmentConversion('card') + ->usingCrop('wide') + ->fit(Fit::Crop, 160, 90) + ->formats(['webp']) + ->withResponsiveImages() + ->nonQueued() + ->performOnCollections('featured'); + + $this->addAttachmentConversion('large') + ->width(200) + ->queued() + ->performOnCollections('featured'); + + $this->addAttachmentConversion('hero') + ->width(340) + ->keepOriginalImageFormat() + ->withResponsiveImages() + ->nonQueued() + ->performOnCollections('hero'); + + $this->addAttachmentConversion('gallery-thumb') + ->width(50) + ->nonQueued() + ->performOnCollections('gallery'); + } + + public function cardConversion(): AttachmentConversion + { + return $this->getFirstAttachment('featured')->conversion('card'); + } +} diff --git a/tests/TestSupport/Models/ModelWithIdenticalConversions.php b/tests/TestSupport/Models/ModelWithIdenticalConversions.php new file mode 100644 index 0000000..eb32e88 --- /dev/null +++ b/tests/TestSupport/Models/ModelWithIdenticalConversions.php @@ -0,0 +1,16 @@ +addAttachmentConversion('test') + ->width(100) + ->height(100) + ->crop(100, 100); + } +} diff --git a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php index 3c01397..c5eb5d0 100644 --- a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php +++ b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php @@ -14,6 +14,7 @@ use Javaabu\Mediapicker\Models\Attachment; use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Tests\TestCase; +use Javaabu\Mediapicker\Tests\TestSupport\Models\ModelWithIdenticalConversions; use Javaabu\Mediapicker\Tests\TestSupport\Models\Post; use PHPUnit\Framework\Attributes\Test; use Spatie\MediaLibrary\Conversions\Conversion; @@ -579,13 +580,14 @@ public function it_can_generate_attachment_conversions(): void $media = $this->getMedia(); - $attachment = $model->addAttachment($media) + $model->addAttachment($media) ->toAttachmentCollection(); $path = $model->getFirstAttachmentPath(conversionName: 'test'); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path); + $this->assertMatchesRegularExpression('#/' . $media->getKey() . '/conversions/attachments/test-test-[0-9a-f]{10}\.jpg$#', $path); $this->assertFileExists($path); + $this->assertEquals(['width' => 100, 'height' => 100], $this->getImageDimensions($path)); } #[Test] @@ -600,44 +602,50 @@ public function it_deletes_attachment_conversions_when_the_media_is_deleted(): v $path = $model->getFirstAttachmentPath(conversionName: 'test'); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path); - $this->assertDirectoryExists($this->getMediaDirectory($media->getKey())); $this->assertFileExists($path); $media->delete(); $this->assertFileDoesNotExist($path); - $this->assertDirectoryDoesNotExist($this->getMediaDirectory($media->getKey())); } #[Test] - public function it_reuses_conversions_from_other_models(): void + public function it_shares_the_files_of_identical_conversions_of_different_models(): void { $model = $this->getModelWithConversions(); - $model_2 = $this->getModelWithSameConversions(); + $model_2 = ModelWithIdenticalConversions::factory()->create(); $media = $this->getMedia(); - $attachment = $model->addAttachment($media) - ->toAttachmentCollection(); + $model->addAttachment($media)->toAttachmentCollection(); $path = $model->getFirstAttachmentPath(conversionName: 'test'); + $modified = filemtime($path); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path); - $this->assertFileExists($path); + $model_2->addAttachment($media)->toAttachmentCollection(); - $file_hash = hash_file('sha256', $path); + $this->assertEquals($path, $model_2->getFirstAttachmentPath(conversionName: 'test')); + $this->assertEquals($modified, filemtime($path)); + $this->assertCount(1, glob($this->getMediaDirectory($media->getKey() . '/conversions/attachments/*'))); + } - $attachment_2 = $model_2->addAttachment($media) - ->toAttachmentCollection(); + #[Test] + public function it_keeps_same_named_conversions_of_different_models_apart(): void + { + $model = $this->getModelWithConversions(); + $model_2 = $this->getModelWithSameConversions(); - $path_2 = $model_2->getFirstAttachmentPath(conversionName: 'test'); + $media = $this->getMedia(); + + $model->addAttachment($media)->toAttachmentCollection(); + $model_2->addAttachment($media)->toAttachmentCollection(); - $this->assertEquals($this->getMediaDirectory($media->getKey() . '/conversions/test-test.jpg'), $path_2); - $this->assertFileExists($path_2); + $path = $model->getFirstAttachmentPath(conversionName: 'test'); + $path_2 = $model_2->getFirstAttachmentPath(conversionName: 'test'); - $file_hash_2 = hash_file('sha256', $path_2); - $this->assertEquals($file_hash, $file_hash_2); + $this->assertNotEquals($path, $path_2); + $this->assertEquals(['width' => 100, 'height' => 100], $this->getImageDimensions($path)); + $this->assertEquals(['width' => 50, 'height' => 50], $this->getImageDimensions($path_2)); } } From 0b0674ad6b235316d2f9e7049785b449bf9c3210 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 20:40:09 +0500 Subject: [PATCH 04/14] WIP: Blade and Inertia React library pages, picker field, stencil field, cropper UI - Blade pages (forms v2) and Inertia React pages (mediapicker::Media/*) through manifest - with a framework-free picker dialog; React MediaPicker, MediaPickerField, MediaLibraryDialog, MediaCropper, Picture, StencilMediaPicker - Stencil MediaPickerField and the MediaDetailsForm; LibraryMedia validation rule; syncAttachmentsFromRequest(); updateAttachmentMedia() keeps order and reorders - Mediapicker::pickerConfig() and Mediapicker::image() for React - Vitest for the API client, dialog and Blade field; tests/js/react.test.tsx still fails to load @javaabu/onu/media (to fix next) Refs #2, refs #4, refs #9 Co-Authored-By: Claude Opus 5.5 --- .prettierignore | 12 + .prettierrc.json | 5 + eslint.config.js | 19 + package.json | 70 + pnpm-lock.yaml | 5865 +++++++++++++++++ resources/css/mediapicker.css | 481 ++ resources/icons/icons.php | 39 + resources/js/Pages/Media/Create.tsx | 109 + resources/js/Pages/Media/Edit.tsx | 65 + resources/js/Pages/Media/Index.tsx | 157 + resources/js/Pages/Media/Show.tsx | 88 + resources/js/api.ts | 165 + resources/js/blade/cropper.ts | 13 + resources/js/blade/mount.ts | 23 + resources/js/blade/picker.ts | 27 + resources/js/blocks/index.ts | 1 + resources/js/cropper/cropper.ts | 165 + resources/js/dom.ts | 59 + resources/js/icons.ts | 36 + resources/js/index.ts | 22 + resources/js/picker/dialog.ts | 342 + resources/js/picker/field.ts | 183 + resources/js/react/CropBeforeUpload.tsx | 46 + resources/js/react/Flash.tsx | 18 + resources/js/react/Icon.tsx | 25 + resources/js/react/MediaCropper.tsx | 49 + resources/js/react/MediaLibraryDialog.tsx | 216 + resources/js/react/MediaPicker.tsx | 176 + resources/js/react/MediaPickerField.tsx | 45 + resources/js/react/MediaPreview.tsx | 32 + resources/js/react/Picture.tsx | 41 + resources/js/react/StencilMediaPicker.tsx | 65 + resources/js/react/context.tsx | 32 + resources/js/react/useLibrary.ts | 121 + resources/js/strings.en.json | 101 + resources/js/strings.ts | 39 + resources/js/types.ts | 139 + resources/views/components/picker.blade.php | 51 + .../media/_actions.blade.php | 48 - .../material-admin-26/media/_bulk.blade.php | 11 - .../material-admin-26/media/_filter.blade.php | 44 - .../material-admin-26/media/_form.blade.php | 93 - .../material-admin-26/media/_grid.blade.php | 56 - .../material-admin-26/media/_list.blade.php | 56 - .../material-admin-26/media/_table.blade.php | 38 - .../material-admin-26/media/_thumb.blade.php | 68 - .../material-admin-26/media/create.blade.php | 7 - .../media/details/_general.blade.php | 44 - .../media/details/_preview.blade.php | 19 - .../material-admin-26/media/edit.blade.php | 19 - .../media/form/_general.blade.php | 13 - .../media/form/_submit.blade.php | 13 - .../media/form/_upload-script.blade.php | 199 - .../media/form/_uploader.blade.php | 40 - .../material-admin-26/media/index.blade.php | 38 - .../material-admin-26/media/media.blade.php | 12 - .../media/picker/_filter.blade.php | 25 - .../media/picker/_index.blade.php | 35 - .../media/picker/show.blade.php | 34 - .../material-admin-26/media/show.blade.php | 8 - resources/views/media/create.blade.php | 29 + resources/views/media/edit.blade.php | 60 + resources/views/media/index.blade.php | 53 + .../views/media/partials/alerts.blade.php | 6 + .../views/media/partials/filters.blade.php | 57 + resources/views/media/partials/grid.blade.php | 19 + resources/views/media/partials/list.blade.php | 31 + .../views/media/partials/preview.blade.php | 14 + .../views/media/partials/thumb.blade.php | 6 + resources/views/media/show.blade.php | 69 + resources/views/partials/icon.blade.php | 1 + resources/views/stencil/picker.blade.php | 15 + src/Assets/Assets.php | 45 + src/Concerns/InteractsWithAttachments.php | 70 +- src/Http/Controllers/MediaController.php | 21 +- src/Mediapicker.php | 24 + src/MediapickerServiceProvider.php | 7 + src/Rules/LibraryMedia.php | 67 + src/Stencil/MediaDetailsForm.php | 50 + src/Stencil/MediaPickerField.php | 238 + src/Support/Icons.php | 29 + src/Support/ImageData.php | 67 + src/Support/PickerConfig.php | 67 + src/Support/Translations.php | 5 +- src/Views/Components/Picker.php | 198 + tests/Feature/Fields/PickerFieldTest.php | 216 + tests/Http/LibraryPagesTest.php | 172 + tests/TestCase.php | 5 + tests/TestSupport/views/app.blade.php | 5 + .../views/layouts/admin-blank.blade.php | 11 - .../TestSupport/views/layouts/admin.blade.php | 25 - tests/TestSupport/views/layouts/app.blade.php | 11 + .../Concerns/InteractsWithAttachmentsTest.php | 60 +- tests/js/api.test.ts | 133 + tests/js/picker.test.ts | 154 + tests/js/react.test.tsx | 94 + tests/js/setup.ts | 46 + tests/js/support/fixtures.ts | 74 + tsconfig.json | 28 + vitest.config.ts | 27 + 100 files changed, 11385 insertions(+), 986 deletions(-) create mode 100644 .prettierignore create mode 100644 .prettierrc.json create mode 100644 eslint.config.js create mode 100644 package.json create mode 100644 pnpm-lock.yaml create mode 100644 resources/css/mediapicker.css create mode 100644 resources/icons/icons.php create mode 100644 resources/js/Pages/Media/Create.tsx create mode 100644 resources/js/Pages/Media/Edit.tsx create mode 100644 resources/js/Pages/Media/Index.tsx create mode 100644 resources/js/Pages/Media/Show.tsx create mode 100644 resources/js/api.ts create mode 100644 resources/js/blade/cropper.ts create mode 100644 resources/js/blade/mount.ts create mode 100644 resources/js/blade/picker.ts create mode 100644 resources/js/blocks/index.ts create mode 100644 resources/js/cropper/cropper.ts create mode 100644 resources/js/dom.ts create mode 100644 resources/js/icons.ts create mode 100644 resources/js/index.ts create mode 100644 resources/js/picker/dialog.ts create mode 100644 resources/js/picker/field.ts create mode 100644 resources/js/react/CropBeforeUpload.tsx create mode 100644 resources/js/react/Flash.tsx create mode 100644 resources/js/react/Icon.tsx create mode 100644 resources/js/react/MediaCropper.tsx create mode 100644 resources/js/react/MediaLibraryDialog.tsx create mode 100644 resources/js/react/MediaPicker.tsx create mode 100644 resources/js/react/MediaPickerField.tsx create mode 100644 resources/js/react/MediaPreview.tsx create mode 100644 resources/js/react/Picture.tsx create mode 100644 resources/js/react/StencilMediaPicker.tsx create mode 100644 resources/js/react/context.tsx create mode 100644 resources/js/react/useLibrary.ts create mode 100644 resources/js/strings.en.json create mode 100644 resources/js/strings.ts create mode 100644 resources/js/types.ts create mode 100644 resources/views/components/picker.blade.php delete mode 100644 resources/views/material-admin-26/media/_actions.blade.php delete mode 100644 resources/views/material-admin-26/media/_bulk.blade.php delete mode 100644 resources/views/material-admin-26/media/_filter.blade.php delete mode 100644 resources/views/material-admin-26/media/_form.blade.php delete mode 100644 resources/views/material-admin-26/media/_grid.blade.php delete mode 100644 resources/views/material-admin-26/media/_list.blade.php delete mode 100644 resources/views/material-admin-26/media/_table.blade.php delete mode 100644 resources/views/material-admin-26/media/_thumb.blade.php delete mode 100644 resources/views/material-admin-26/media/create.blade.php delete mode 100644 resources/views/material-admin-26/media/details/_general.blade.php delete mode 100644 resources/views/material-admin-26/media/details/_preview.blade.php delete mode 100644 resources/views/material-admin-26/media/edit.blade.php delete mode 100644 resources/views/material-admin-26/media/form/_general.blade.php delete mode 100644 resources/views/material-admin-26/media/form/_submit.blade.php delete mode 100644 resources/views/material-admin-26/media/form/_upload-script.blade.php delete mode 100644 resources/views/material-admin-26/media/form/_uploader.blade.php delete mode 100644 resources/views/material-admin-26/media/index.blade.php delete mode 100644 resources/views/material-admin-26/media/media.blade.php delete mode 100644 resources/views/material-admin-26/media/picker/_filter.blade.php delete mode 100644 resources/views/material-admin-26/media/picker/_index.blade.php delete mode 100644 resources/views/material-admin-26/media/picker/show.blade.php delete mode 100644 resources/views/material-admin-26/media/show.blade.php create mode 100644 resources/views/media/create.blade.php create mode 100644 resources/views/media/edit.blade.php create mode 100644 resources/views/media/index.blade.php create mode 100644 resources/views/media/partials/alerts.blade.php create mode 100644 resources/views/media/partials/filters.blade.php create mode 100644 resources/views/media/partials/grid.blade.php create mode 100644 resources/views/media/partials/list.blade.php create mode 100644 resources/views/media/partials/preview.blade.php create mode 100644 resources/views/media/partials/thumb.blade.php create mode 100644 resources/views/media/show.blade.php create mode 100644 resources/views/partials/icon.blade.php create mode 100644 resources/views/stencil/picker.blade.php create mode 100644 src/Assets/Assets.php create mode 100644 src/Rules/LibraryMedia.php create mode 100644 src/Stencil/MediaDetailsForm.php create mode 100644 src/Stencil/MediaPickerField.php create mode 100644 src/Support/Icons.php create mode 100644 src/Support/ImageData.php create mode 100644 src/Support/PickerConfig.php create mode 100644 src/Views/Components/Picker.php create mode 100644 tests/Feature/Fields/PickerFieldTest.php create mode 100644 tests/Http/LibraryPagesTest.php create mode 100644 tests/TestSupport/views/app.blade.php delete mode 100644 tests/TestSupport/views/layouts/admin-blank.blade.php delete mode 100644 tests/TestSupport/views/layouts/admin.blade.php create mode 100644 tests/TestSupport/views/layouts/app.blade.php create mode 100644 tests/js/api.test.ts create mode 100644 tests/js/picker.test.ts create mode 100644 tests/js/react.test.tsx create mode 100644 tests/js/setup.ts create mode 100644 tests/js/support/fixtures.ts create mode 100644 tsconfig.json create mode 100644 vitest.config.ts diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..130c840 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,12 @@ +dist +coverage +node_modules +vendor +build +pnpm-lock.yaml +*.php +*.md +composer.json +composer.lock +docs/**/*.json +lang/*.json diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 0000000..6c1772b --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,5 @@ +{ + "semi": false, + "printWidth": 120, + "tabWidth": 2 +} diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..c00ebba --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,19 @@ +import js from "@eslint/js" +import reactHooks from "eslint-plugin-react-hooks" +import globals from "globals" +import tseslint from "typescript-eslint" + +export default tseslint.config( + { ignores: ["dist", "coverage", "node_modules", "vendor", "build"] }, + js.configs.recommended, + ...tseslint.configs.recommended, + { + files: ["**/*.{ts,tsx,js,mjs}"], + languageOptions: { globals: { ...globals.browser, ...globals.node } }, + plugins: { "react-hooks": reactHooks }, + rules: { + ...reactHooks.configs.recommended.rules, + "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_", varsIgnorePattern: "^_" }], + }, + }, +) diff --git a/package.json b/package.json new file mode 100644 index 0000000..1fa05b0 --- /dev/null +++ b/package.json @@ -0,0 +1,70 @@ +{ + "name": "javaabu-mediapicker-assets", + "private": true, + "description": "Build and test tooling for javaabu/mediapicker's TypeScript: the React pages and components (resources/js, imported by apps as @javaabu/mediapicker through javaabu/manifest), the Blade picker and cropper, and the javaabu/block-editor blocks. Apps don't install this.", + "license": "MIT", + "type": "module", + "packageManager": "pnpm@10.28.0", + "engines": { + "node": ">=20.19" + }, + "scripts": { + "build": "vite build", + "lint": "eslint .", + "format": "prettier --write .", + "format:check": "prettier --check .", + "typecheck": "tsc -p tsconfig.json", + "test": "vitest run", + "test:watch": "vitest", + "test:coverage": "vitest run --coverage" + }, + "devDependencies": { + "@eslint/js": "^10.0.1", + "@inertiajs/react": "^2.0.0", + "@javaabu/forms": "github:Javaabu/react-forms#next-gen", + "@javaabu/i18n": "github:Javaabu/i18n#build-on-git-install", + "@javaabu/onu": "^0.2.1", + "@testing-library/dom": "^10.4.1", + "@testing-library/jest-dom": "^7.0.1", + "@testing-library/react": "^16.3.3", + "@testing-library/user-event": "^14.6.8", + "@tiptap/core": "^3.32.3", + "@tiptap/extension-image": "^3.32.3", + "@tiptap/extension-placeholder": "^3.32.3", + "@tiptap/extension-table": "^3.32.3", + "@tiptap/extension-text-align": "^3.32.3", + "@tiptap/extensions": "^3.32.3", + "@tiptap/pm": "^3.32.3", + "@tiptap/react": "^3.32.3", + "@tiptap/starter-kit": "^3.32.3", + "@tiptap/static-renderer": "^3.32.3", + "@tiptap/suggestion": "^3.32.3", + "@types/node": "^26.6.6", + "@types/react": "^19.3.0", + "@types/react-dom": "^19.3.0", + "@vitest/coverage-v8": "^5.1.0", + "cropperjs": "^1.6.2", + "eslint": "^10.14.0", + "eslint-plugin-react-hooks": "^7.1.1", + "globals": "^17.14.0", + "jsdom": "^30.1.3", + "media-chrome": "^4.19.4", + "prettier": "^3.9.10", + "react": "^19.3.1", + "react-dom": "^19.3.1", + "react-easy-crop": "^6.2.4", + "signature_pad": "^5.1.4", + "typescript": "~6.0.3", + "typescript-eslint": "^8.72.1", + "uqr": "^0.1.3", + "vite": "^8.3.5", + "vitest": "^5.1.0", + "yet-another-react-lightbox": "^3.33.0" + }, + "pnpm": { + "onlyBuiltDependencies": [ + "@javaabu/forms", + "@javaabu/i18n" + ] + } +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml new file mode 100644 index 0000000..2dd693a --- /dev/null +++ b/pnpm-lock.yaml @@ -0,0 +1,5865 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + +importers: + + .: + devDependencies: + '@eslint/js': + specifier: ^10.0.1 + version: 10.0.1(eslint@10.14.0) + '@inertiajs/react': + specifier: ^2.0.0 + version: 2.3.29(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@javaabu/forms': + specifier: github:Javaabu/react-forms#next-gen + version: https://codeload.github.com/Javaabu/react-forms/tar.gz/9ba003a130a02bc5411a1e257c66a6c504a77d21(@inertiajs/react@2.3.29(react-dom@19.3.1(react@19.3.1))(react@19.3.1))(@javaabu/onu@0.2.1(1c2ac2f8f52c2bb825f5b21da11120c6))(@testing-library/react@16.3.3(@testing-library/dom@10.4.2)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1))(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@javaabu/i18n': + specifier: github:Javaabu/i18n#build-on-git-install + version: https://codeload.github.com/Javaabu/i18n/tar.gz/76730212d6f0f1d87a78635ed6e005dd5713cbba(react@19.3.1) + '@javaabu/onu': + specifier: ^0.2.1 + version: 0.2.1(1c2ac2f8f52c2bb825f5b21da11120c6) + '@testing-library/dom': + specifier: ^10.4.1 + version: 10.4.2 + '@testing-library/jest-dom': + specifier: ^7.0.1 + version: 7.0.1(@testing-library/dom@10.4.2)(vitest@5.1.0) + '@testing-library/react': + specifier: ^16.3.3 + version: 16.3.3(@testing-library/dom@10.4.2)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@testing-library/user-event': + specifier: ^14.6.8 + version: 14.6.8(@testing-library/dom@10.4.2) + '@tiptap/core': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/extension-image': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-placeholder': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-table': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-text-align': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extensions': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/pm': + specifier: ^3.32.3 + version: 3.32.3 + '@tiptap/react': + specifier: ^3.32.3 + version: 3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tiptap/starter-kit': + specifier: ^3.32.3 + version: 3.32.3 + '@tiptap/static-renderer': + specifier: ^3.32.3 + version: 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tiptap/suggestion': + specifier: ^3.32.3 + version: 3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@types/node': + specifier: ^26.6.6 + version: 26.6.6 + '@types/react': + specifier: ^19.3.0 + version: 19.3.0 + '@types/react-dom': + specifier: ^19.3.0 + version: 19.3.0(@types/react@19.3.0) + '@vitest/coverage-v8': + specifier: ^5.1.0 + version: 5.1.0(vitest@5.1.0) + cropperjs: + specifier: ^1.6.2 + version: 1.7.0 + eslint: + specifier: ^10.14.0 + version: 10.14.0 + eslint-plugin-react-hooks: + specifier: ^7.1.1 + version: 7.1.1(eslint@10.14.0) + globals: + specifier: ^17.14.0 + version: 17.14.0 + jsdom: + specifier: ^30.1.3 + version: 30.1.3 + media-chrome: + specifier: ^4.19.4 + version: 4.19.4(react@19.3.1) + prettier: + specifier: ^3.9.10 + version: 3.9.10 + react: + specifier: ^19.3.1 + version: 19.3.1 + react-dom: + specifier: ^19.3.1 + version: 19.3.1(react@19.3.1) + react-easy-crop: + specifier: ^6.2.4 + version: 6.2.4(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + signature_pad: + specifier: ^5.1.4 + version: 5.1.4 + typescript: + specifier: ~6.0.3 + version: 6.0.3 + typescript-eslint: + specifier: ^8.72.1 + version: 8.72.1(eslint@10.14.0)(typescript@6.0.3) + uqr: + specifier: ^0.1.3 + version: 0.1.3 + vite: + specifier: ^8.3.5 + version: 8.3.6(@types/node@26.6.6) + vitest: + specifier: ^5.1.0 + version: 5.1.0(@types/node@26.6.6)(@vitest/coverage-v8@5.1.0)(jsdom@30.1.3)(vite@8.3.6(@types/node@26.6.6)) + yet-another-react-lightbox: + specifier: ^3.33.0 + version: 3.33.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + +packages: + + '@adobe/css-tools@4.5.0': + resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==} + + '@asamuzakjp/css-color@7.1.9': + resolution: {integrity: sha512-vZ6JQVq8Ivgz6b/IBlAf90wZviXdluY13cQOPO+nJHbmXwGrPl2GcpqUY7a55/8ZVdfONXpCFMpRijOBCHNlcQ==} + engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0} + + '@asamuzakjp/dom-selector@10.0.5': + resolution: {integrity: sha512-EgmJ7oEaGQECTn3H3wmnQpEy4hKY66VvM7VQndwPIQob3p877BgbyOUE3EX0LgXQCciF2H8KMdR+RznqjMNOLw==} + engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0} + + '@babel/code-frame@7.29.7': + resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==} + engines: {node: '>=6.9.0'} + + '@babel/compat-data@7.29.7': + resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==} + engines: {node: '>=6.9.0'} + + '@babel/core@7.29.13': + resolution: {integrity: sha512-j1nvOQCZYSgp7HLmisnCXFTpVvFODiijQ9QHkORfGKWH6YDtskTEeCJS7eV545GZ9UBzrq0e2xsOd5QQ5PjIqw==} + engines: {node: '>=6.9.0'} + + '@babel/generator@7.29.13': + resolution: {integrity: sha512-T5FRo+RzVHvGjWOuF1Ljc44b+NXAOazodHkGUHp4I3zCkQ4/sNVJm56h1S278LMR0bY5xBhztGziSbli8zObIw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-compilation-targets@7.29.13': + resolution: {integrity: sha512-8WxJ4/Vmes3ghacj8VOJy3NW8eyHiFY/4thU/LSBuBE470+igjR/j1ZTNn8fV5VdNrLx6iXUwig526UdOvfP0w==} + engines: {node: '>=6.9.0'} + + '@babel/helper-globals@7.29.7': + resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-imports@7.29.7': + resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-transforms@7.29.13': + resolution: {integrity: sha512-/U96wOz+SCoZ7Da/8kjDGltcNY280JPQcRNPK0Hk3PTbdpaiBDQImtC6JsbVwb1HGMr3usZQU2WsWVjhYNmRzw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + + '@babel/helper-string-parser@7.29.13': + resolution: {integrity: sha512-fWegr+WsEsiMVW4KUNdIIzzMTZSzNiqhy0//6+2MRi2d5NFNsL/AYwBQW8eBnRbTBVRnDVzjaJEUqKaCWjMMdQ==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-identifier@7.29.7': + resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-option@7.29.7': + resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==} + engines: {node: '>=6.9.0'} + + '@babel/helpers@7.29.13': + resolution: {integrity: sha512-laoRpD/kO/iA4CDlgJbixHekg7oPvWALK0PQyK3Ob2I2njZRvVAD77RfWCIImtqWCq6KijoBoZK7bp/HlTWASQ==} + engines: {node: '>=6.9.0'} + + '@babel/parser@7.29.13': + resolution: {integrity: sha512-fJM50YYjlTiBhgdkGmC1tBpv+FMAyo4annf2X6Aks+0yRlaiVkYW/3f07xAfVVkYIoZ9fFZp+mEThUFnuybhkQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + '@babel/runtime@7.29.13': + resolution: {integrity: sha512-v+oN26xP4YIlQsbQ/CbTH1WG5m/l/DjKKZNy/Kp3f/AFvbgt7Em/D0FeMM3O2hX0YzeN2M16W8lOpyhIkfCBcQ==} + engines: {node: '>=6.9.0'} + + '@babel/template@7.29.7': + resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==} + engines: {node: '>=6.9.0'} + + '@babel/traverse@7.29.13': + resolution: {integrity: sha512-0ve0xMlFA73dgY1oyJRY6RoW+/bncdcOQqg6jjYcVfXBK90OdLXjm9R6lmRetdZVrPjXkKIoMVBqYFPjcAlZ4Q==} + engines: {node: '>=6.9.0'} + + '@babel/types@7.29.11': + resolution: {integrity: sha512-WCsemW40Cpc6gouC1SrY6PBaZ+oLRlEVY9XBvZBI7il/HyUrb2nJ505wE1MHEFyDZNnrWDEuy4jL50WVHfTTSQ==} + engines: {node: '>=6.9.0'} + + '@bcoe/v8-coverage@1.0.2': + resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==} + engines: {node: '>=18'} + + '@bramus/specificity@2.4.3': + resolution: {integrity: sha512-0GEz8qJWokkUVYQYRukmkSHIFNoBH8QTreeHrAFbvz1XFYc3Y+puhMs8PQ5x8GNugiC2l5jvDBXKLbBIByeSBw==} + hasBin: true + + '@cacheable/memory@2.2.0': + resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==} + + '@cacheable/utils@2.5.0': + resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==} + + '@csstools/color-helpers@6.1.2': + resolution: {integrity: sha512-grhRy3OKmniaAEKXMjua5z/EODX0MSqBGjunw8+j/3HQjOnahs2AGhvEOIYVUWcU6ScApbhLhVrQTX8XqrMrow==} + engines: {node: '>=20.19.0'} + + '@csstools/css-calc@3.4.3': + resolution: {integrity: sha512-iex20d8CHVkyvg6B7UKV7uHnI2Bqo9g+EFfT9E0y+GvTvhZ/DwONJ+9aKb1dlqm0ZiGsL5RXjp0fCoJYnkeDjA==} + engines: {node: '>=20.19.0'} + peerDependencies: + '@csstools/css-parser-algorithms': ^4.0.2 + '@csstools/css-tokenizer': ^4.0.2 + + '@csstools/css-color-parser@4.2.7': + resolution: {integrity: sha512-zgm9yjQz5iJB4VL8RyVwd71TWB8Q89FSxt/NzXoWqPSkEBOVtn9L6vAPtSc9hpKfB0Awo/AL2VKFHjYetBLFHQ==} + engines: {node: '>=20.19.0'} + peerDependencies: + '@csstools/css-parser-algorithms': ^4.0.2 + '@csstools/css-tokenizer': ^4.0.2 + + '@csstools/css-parser-algorithms@4.0.2': + resolution: {integrity: sha512-40cSKyMvK+tq4qz6Awrlye2WGuOKt3FwPgtGg6KTfbHOWNw+Rk1rzbAtZnZ6IBhsY491HLRnDXwoyBAijmmILA==} + engines: {node: '>=20.19.0'} + peerDependencies: + '@csstools/css-tokenizer': ^4.0.2 + + '@csstools/css-syntax-patches-for-csstree@1.1.16': + resolution: {integrity: sha512-LsDbJPP/B8cPasUJyTA5S99F7C4G93ngW8hUluXz8CFeOaaRnBPtBiIlvgcPYU0HmHNz8CXg+1vwFrIB4F6Dgw==} + peerDependencies: + css-tree: ^3.2.1 + peerDependenciesMeta: + css-tree: + optional: true + + '@csstools/css-tokenizer@4.0.2': + resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==} + engines: {node: '>=20.19.0'} + + '@date-fns/tz@1.5.0': + resolution: {integrity: sha512-lwYN/vDPeNRULcepoE/LO2Pgx+7/RV+S9ARfbc9lr2DtGkOD7pAiruHvbR1RX3Qyf6ja47EWJDMsNK5vK08DJg==} + + '@dnd-kit/abstract@0.5.3': + resolution: {integrity: sha512-KZQ2vftkO9BHupVzlUqB5d7JETL7ITlvslx3hrj4aObwjliAzuzV/n5wCpQllNd0Hxvg7FaQtLekJ8dplqKwbA==} + + '@dnd-kit/collision@0.5.3': + resolution: {integrity: sha512-DBo8czkI72xnsHRWOMTn/GAyYgSWy9bmde85mrZ7ShqLhcbIbcu4PVJ3ZU9MBikePCSAVOoUTZE2gS40jogrEw==} + + '@dnd-kit/dom@0.5.3': + resolution: {integrity: sha512-JJe+Qu/JmofGzHes3np91sQYwp5spvLcknjRkq+VO59JTqSnQNPXlhHXavRXTwQFabaaRyRzXyH/faAvubCNGw==} + + '@dnd-kit/geometry@0.5.3': + resolution: {integrity: sha512-U+zscNjoHfJ1xUV+XDGF89jPCoILLivWSb/U9mfM7h83f6o3X9AS9uIwG46bXUpCqPvlI/9JcOlyga5uvfyjgw==} + + '@dnd-kit/helpers@0.5.3': + resolution: {integrity: sha512-fErbbjwKMJEdr7e+AMsXaZ6aQY4xPYBMK+nqybB34tE6/lQDLetZHsgLDKNVePsYIZCq/7uWMtlFjqysscWg5A==} + + '@dnd-kit/react@0.5.3': + resolution: {integrity: sha512-BGn6bakgcRSoKMRQP8cRIGu59e5lGC3/sL0zVWmDMo/9CMPSxgjCcQltDn5TDTwAARnEbuwNEksor4rLtH/yEg==} + peerDependencies: + react: ^18.0.0 || ^19.0.0 + react-dom: ^18.0.0 || ^19.0.0 + + '@dnd-kit/state@0.5.3': + resolution: {integrity: sha512-NJTQkBglAT/SXLc+IOLiKwNvsTrWmPG5AO+7Gn0F0n8XyVaf4VCbTCuPuU48sDBfcpg23O0tfGkfZNiZbYTvMw==} + + '@eslint-community/eslint-utils@4.10.1': + resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 + + '@eslint-community/regexpp@4.12.2': + resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==} + engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0} + + '@eslint/config-array@0.23.5': + resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/config-helpers@0.7.0': + resolution: {integrity: sha512-DObd/KKUsU+FaFv4PLxSRenpXfQWmPXXP3pPZ6/K1PCrMu2vQpMDMuQe/BqYeoLcz8ro0bVDF1RxOJgfVEdhUw==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/core@1.2.1': + resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/js@10.0.1': + resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + peerDependencies: + eslint: ^10.0.0 + peerDependenciesMeta: + eslint: + optional: true + + '@eslint/object-schema@3.0.5': + resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/plugin-kit@0.7.3': + resolution: {integrity: sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@exodus/bytes@1.16.0': + resolution: {integrity: sha512-IcpW84uEn3N7ETtNZMlxKhfl6Pec8rUNGOTBtWbK1FKhJxIFAptZyVrvVRVBimAJxJCgc3PxepxkdWWG4DVzfA==} + engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0} + peerDependencies: + '@noble/hashes': ^1.8.0 || ^2.0.0 + peerDependenciesMeta: + '@noble/hashes': + optional: true + + '@floating-ui/core@1.8.0': + resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==} + + '@floating-ui/dom@1.8.0': + resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==} + + '@floating-ui/react-dom@2.1.9': + resolution: {integrity: sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==} + peerDependencies: + react: '>=16.8.0' + react-dom: '>=16.8.0' + + '@floating-ui/utils@0.2.12': + resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==} + + '@humanfs/core@0.19.2': + resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==} + engines: {node: '>=18.18.0'} + + '@humanfs/node@0.16.8': + resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==} + engines: {node: '>=18.18.0'} + + '@humanfs/types@0.15.0': + resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==} + engines: {node: '>=18.18.0'} + + '@humanwhocodes/module-importer@1.0.1': + resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} + engines: {node: '>=12.22'} + + '@humanwhocodes/retry@0.4.3': + resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==} + engines: {node: '>=18.18'} + + '@inertiajs/core@2.3.29': + resolution: {integrity: sha512-Cx3zibnKdsmEnXpsWhwmE9i4k5NFtK+4gtceL3Kb6RwYC1J0wi5y/EesNMkpdJLsAT2h4ugUvu9Ed9T1EUl0/A==} + + '@inertiajs/react@2.3.29': + resolution: {integrity: sha512-09SWBPxv8UrJdOWtQrEp1ro6jv1qJ8yOxH8eL+na9K/wbh7k9R0ALvAO3ofY52Cwuh7HMuSPgtRzk/q8E1k0Fg==} + peerDependencies: + react: ^16.9.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.9.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@internationalized/date@3.12.4': + resolution: {integrity: sha512-M1dEn4c1U1HsSlaVR8upZtSqvXrTkHDfv18H01uCSJyjVLDxnBR38v/fMxecmlwXKR4i9HeZcmgQAPE6A+aGJQ==} + + '@internationalized/number@3.6.9': + resolution: {integrity: sha512-GgWy2caO/+hV9sT/oCTWGHvbjmJMPT9kkXzoKRLnkEq7adghhR7UprhvY9sXrKfrp3NcDfhF6QQHXR1KfQbB8g==} + + '@internationalized/string@3.2.10': + resolution: {integrity: sha512-PDx6//vHSpRnHfxqMqto11zQvhsaU74O3mKv2F/0eicGZcl9NLjQmGlbHz/LsJh5tLKp4A4L7ZVTzN1/MmMTvA==} + + '@javaabu/forms@https://codeload.github.com/Javaabu/react-forms/tar.gz/9ba003a130a02bc5411a1e257c66a6c504a77d21': + resolution: {tarball: https://codeload.github.com/Javaabu/react-forms/tar.gz/9ba003a130a02bc5411a1e257c66a6c504a77d21} + version: 0.0.0 + engines: {node: '>=20.19'} + peerDependencies: + '@inertiajs/react': ^2.0.0 || ^3.0.0 + '@javaabu/onu': ^0.2.1 + '@testing-library/react': ^16.0.0 + react: ^18.3.0 || ^19.0.0 + react-dom: ^18.3.0 || ^19.0.0 + peerDependenciesMeta: + '@inertiajs/react': + optional: true + '@javaabu/onu': + optional: true + '@testing-library/react': + optional: true + + '@javaabu/i18n@https://codeload.github.com/Javaabu/i18n/tar.gz/76730212d6f0f1d87a78635ed6e005dd5713cbba': + resolution: {tarball: https://codeload.github.com/Javaabu/i18n/tar.gz/76730212d6f0f1d87a78635ed6e005dd5713cbba} + version: 0.0.0 + engines: {node: '>=20.19'} + peerDependencies: + react: ^18.0.0 || ^19.0.0 + vue: ^3.3.0 + peerDependenciesMeta: + react: + optional: true + vue: + optional: true + + '@javaabu/onu@0.2.1': + resolution: {integrity: sha512-GE4takAQwNQqD9ZmQooH7KMBrLUoiR4UzJsDCGr6cLYigoLF22tjRD3CzrdVGVl+SAhz2jjwOozxzyvAyTNmxA==} + peerDependencies: + '@deck.gl/aggregation-layers': ^9.4.0 + '@deck.gl/core': ^9.4.0 + '@deck.gl/google-maps': ^9.4.0 + '@deck.gl/layers': ^9.4.0 + '@fontsource-variable/geist': ^5.3.0 + '@fontsource-variable/inter': ^5.3.0 + '@fontsource-variable/jetbrains-mono': ^5.3.0 + '@fontsource-variable/noto-sans-thaana': ^5.3.0 + '@fontsource-variable/source-serif-4': ^5.3.0 + '@fortawesome/fontawesome-svg-core': ^7.3.1 + '@fortawesome/react-fontawesome': ^3.5.0 + '@fullcalendar/core': ^6.1.21 + '@fullcalendar/daygrid': ^6.1.21 + '@fullcalendar/interaction': ^6.1.21 + '@fullcalendar/list': ^6.1.21 + '@fullcalendar/react': ^6.1.21 + '@fullcalendar/timegrid': ^6.1.21 + '@googlemaps/markerclusterer': ^2.6.2 + '@iconify/react': ^6.0.2 + '@tanstack/react-query': ^5.104.1 + '@tiptap/core': ^3.31.4 + '@tiptap/extension-image': ^3.31.4 + '@tiptap/extension-placeholder': ^3.31.4 + '@tiptap/extension-table': ^3.31.4 + '@tiptap/extension-text-align': ^3.31.4 + '@tiptap/pm': ^3.31.4 + '@tiptap/react': ^3.31.4 + '@tiptap/starter-kit': ^3.31.4 + '@tiptap/static-renderer': ^3.31.4 + '@tiptap/suggestion': ^3.31.4 + '@turf/turf': ^7.4.0 + '@vis.gl/react-google-maps': ^1.10.1 + barcode-detector: ^3.2.2 + media-chrome: ^4.19.3 + react: ^19.0.0 + react-dom: ^19.0.0 + react-easy-crop: ^6.2.4 + react-hook-form: ^7.89.0 + recharts: ^3.10.1 + shiki: ^4.5.0 + signature_pad: ^5.1.4 + tailwindcss: ^4.0.0 + terra-draw: ^1.37.0 + terra-draw-google-maps-adapter: ^1.7.0 + write-excel-file: ^4.1.1 + yet-another-react-lightbox: ^3.32.2 + peerDependenciesMeta: + '@deck.gl/aggregation-layers': + optional: true + '@deck.gl/core': + optional: true + '@deck.gl/google-maps': + optional: true + '@deck.gl/layers': + optional: true + '@fontsource-variable/geist': + optional: true + '@fontsource-variable/inter': + optional: true + '@fontsource-variable/jetbrains-mono': + optional: true + '@fontsource-variable/noto-sans-thaana': + optional: true + '@fontsource-variable/source-serif-4': + optional: true + '@fortawesome/fontawesome-svg-core': + optional: true + '@fortawesome/react-fontawesome': + optional: true + '@fullcalendar/core': + optional: true + '@fullcalendar/daygrid': + optional: true + '@fullcalendar/interaction': + optional: true + '@fullcalendar/list': + optional: true + '@fullcalendar/react': + optional: true + '@fullcalendar/timegrid': + optional: true + '@googlemaps/markerclusterer': + optional: true + '@iconify/react': + optional: true + '@tiptap/core': + optional: true + '@tiptap/extension-image': + optional: true + '@tiptap/extension-placeholder': + optional: true + '@tiptap/extension-table': + optional: true + '@tiptap/extension-text-align': + optional: true + '@tiptap/pm': + optional: true + '@tiptap/react': + optional: true + '@tiptap/starter-kit': + optional: true + '@tiptap/static-renderer': + optional: true + '@tiptap/suggestion': + optional: true + '@turf/turf': + optional: true + '@vis.gl/react-google-maps': + optional: true + barcode-detector: + optional: true + media-chrome: + optional: true + react-easy-crop: + optional: true + recharts: + optional: true + shiki: + optional: true + signature_pad: + optional: true + terra-draw: + optional: true + terra-draw-google-maps-adapter: + optional: true + write-excel-file: + optional: true + yet-another-react-lightbox: + optional: true + + '@jridgewell/gen-mapping@0.3.13': + resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} + + '@jridgewell/remapping@2.3.5': + resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} + + '@jridgewell/resolve-uri@3.1.2': + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + + '@jridgewell/sourcemap-codec@1.6.0': + resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==} + + '@jridgewell/trace-mapping@0.3.31': + resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + + '@keyv/bigmap@1.3.1': + resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==} + engines: {node: '>= 18'} + peerDependencies: + keyv: ^5.6.0 + + '@keyv/serialize@1.1.1': + resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==} + + '@oxc-project/types@0.156.0': + resolution: {integrity: sha512-1Duyg48TdJNdyhEB8Xn1L36bT9Pv6GUtlKjHxOys8xkaF/rQq3XJE+bAurSK/AgIz5mGFsb77cn9Pb20+WCScw==} + + '@preact/signals-core@1.14.5': + resolution: {integrity: sha512-vcRv7Ityz5JVmeiVqIluLFzT/PDS/AlhHUpw3/aUWqcVUs6bDGIPXE/6RSC4evBNWYvnniozg5Syfj33al3gkg==} + + '@radix-ui/number@1.1.3': + resolution: {integrity: sha512-Road2bidD0uu/1BGDOWNdPI06g0lIRy6IF9GZcIrDK2KGItfor8IQwQa+yM2ERgHM1MmHxaxpTzk0/Jp42lNfA==} + + '@radix-ui/primitive@1.2.0': + resolution: {integrity: sha512-KABY+VMIRPJL+Vyzv/335FEhXXD/xDv8BMb1kl48/aXJZMH0LtHCTx5ga5RnxaEP3nZHtmTLf1P9vanmFX46bw==} + + '@radix-ui/react-accessible-icon@1.2.0': + resolution: {integrity: sha512-BB4+HHkFl3HipEAhm/mLhrpXV+2kRX7MvY4AaImUcQVeWQt5KhV1JEByNs8NGfJOcr95RcQGijt9+OrCo68xGA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-accordion@1.3.1': + resolution: {integrity: sha512-lCZ6sbGS/7WO0j84yx4srIgOf0MRJ/sZ13RonADXxvKBym8xrxNCq5f6DibGcr38sIlwPk8/52uYdXeOPsbEDw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-alert-dialog@1.2.1': + resolution: {integrity: sha512-MWC4N7RY+qsbNrFNo7yQ9ZbdoZEW+B5DtpWxJfUnVCqcQxxqqg3qis3RMPTDbCNaTIdHJSn5XDkl9ZdVWXknLg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-arrow@1.1.17': + resolution: {integrity: sha512-67jjcVvxjXCCStnTW3Z+M7jmaFMuMR7M2JgpDzH4w7JSRrikmzhjfYgP/09ECb8n7whnsgh1ifJ+Ie96qEj+pQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-aspect-ratio@1.2.0': + resolution: {integrity: sha512-gHEU+Lx8DlT/FYIjZQvvBJrFSwUngXTjh7FeL9QvJaNALDLez6pgDj2axCUihBjtPBy82LN0gNb25+sTcSXNmA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-avatar@1.3.1': + resolution: {integrity: sha512-ssZOkfQNkFpYVmCPQlr978xSaU7moSrGXdwg4j2Xs2WlGl/1KsSZtfpK+WnLnx0Rwll1BAh6oUrAy/uR31SBvQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-checkbox@1.4.1': + resolution: {integrity: sha512-KWtwhh+98ML3seZ9vO9yRY2OwaQG90dCiDAxjpSNY2AaZ3Hik3B0dsk6m0ILywo/no3A9/SozadyPMNweVT8yw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-collapsible@1.2.1': + resolution: {integrity: sha512-fSzLb/qy1wuZSxQBcxpW0hNXYHDMWiIXDGyJGdA4+FSLknOWZsNRrTCUavxb4PI8b8lvHo/CysO6NVi5zLpo5g==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-collection@1.2.0': + resolution: {integrity: sha512-+yiQzqcc7Sy7/5s0jrMCjpPRFB3538VNrXPWdTLZhE/SCfgEws4aI6lHWN/vvcnyhHndROWBzqmqB4QBrITZ9Q==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-compose-refs@1.1.5': + resolution: {integrity: sha512-+48PbAAbq3didjJxa+OaWY2ZwgAKsNiRGyeHKszblZMQ+kcpd9pAaT11cMkGEie0vsOi3QdeTE6d5Fe3Gn61kA==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-context-menu@2.4.1': + resolution: {integrity: sha512-Pddn3Z8lio3/ChxyXaEP3jHTTo1LTHCWwF8+mG1chQlWijP+ttVHBKwezrQTiV6Mj670ojvumqvuGh+mdv33iQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-context@1.3.0': + resolution: {integrity: sha512-v5AYEocMISkbJ+1fTXzZpiFv7NRr3D2WiYbLIKf+FkmJ8VkP6d503eV2n34MFussHXY1pcoq3yfJiQH77dc4Mg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-dialog@1.3.1': + resolution: {integrity: sha512-+0E4qvVTwjAWra9sEhJ+9BTsvHE00zkUuNw1VGh7S+Gc13dfYk+S1PVQdchWDj+XYHhAai7Z7IpzXVDCGsDplg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-direction@1.2.0': + resolution: {integrity: sha512-FtRA52a/r+LKStFT+neLUm+8vSe7wbzkbQGGeU8ixFiwC8NU14Evoq9ATECqL3eGbcUzJR4fyfA4KkK/q6dfqg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-dismissable-layer@1.2.1': + resolution: {integrity: sha512-KIfDcAsx+oVylFZ4xryVKusJUrLLhTQmfnJW4kwk4Km5myvhHCrj04hnWWUC166+xD4DHdH8tQGylwYX1h6+Pg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-dropdown-menu@2.2.1': + resolution: {integrity: sha512-XsHcmYG2AcqnvTqrOXXWcMrhquEIlqucizuDH1MV/qMRW+DndpBCMvNeTRXOxqmG1H5j89M/+I0/34Zdd+zDcQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-focus-guards@1.2.0': + resolution: {integrity: sha512-MPm5R0iRGUDrDnPNxmLBkv+X7pN4XKzt+MbWJEuJQsH3NFH4omrbpXpucyYCCKTSt+na/ZxGhEWQrWTZ0285cA==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-focus-scope@1.3.1': + resolution: {integrity: sha512-ugeMhbXt4y5S2T1GnIqbWDKEN962PDwnX1fN0eKOOgf5f63Dh2mn8F1FUySlgW0iF6GiVsRF32DzuDIWTUyQJg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-form@0.3.0': + resolution: {integrity: sha512-KnmrCM27m7Jo1R8S6cFDPrEeq20Jfn5dqde0SZrJr2lVXlj6/QZSUCyFoYh1d8ti0uUrMNK5Lx6dUDuINT+f4Q==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-hover-card@1.2.1': + resolution: {integrity: sha512-4QooHxgmpCKRjj1Pft+hETKidYcrbPKcVwMGtk2Oa5DcWY2IH1fHuQt9LG6q5hUQBBV2MhQxSvtx6B/C1xfiTw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-id@1.1.4': + resolution: {integrity: sha512-TMQp2llA+RYn7JcjnrMnz7wN4pcVttPZnRZo52PLQsoLVKzNlVwUeHmfePgTgRluXFvlD3GD5g5MOVVTJCO0qA==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-label@2.1.17': + resolution: {integrity: sha512-xmj7MN/drx1oUAXkfiFIvyDmGNUIN/omGobvA5oAoNqu9zO2MkISYGZOkBcqSzs/UZXXwV+/3ACRE7q7mGcmkA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-menu@2.2.1': + resolution: {integrity: sha512-G34BsU90SBj5foYpz8pQqq/Q0Dlfyyl6KitWEfRwXC0QvfwhWNAwS49DWP2+rRJ0iwv20Z2Qx7Sk+T03bGo5JA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-menubar@1.2.1': + resolution: {integrity: sha512-bRTYtS9JITV2dUYqYZb7+N5SooQBkZrNRejfmyrSKe3Y57aXhKgx//kBUP0kY7pEpsWR/U1AHsAJRzjwCrK3PA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-navigation-menu@1.4.1': + resolution: {integrity: sha512-XPPZjkeyCSMNNvt0FyDv/PUauG7Ow4GwHQ/XZSwW36F/TS7rR4HFTsXH8ewLnXTOLn3x96/pmTPNQIVoTX/86g==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-one-time-password-field@0.2.1': + resolution: {integrity: sha512-KtHdcgnaAK6rohQ/MMJoGYcbgSRJsIuGBdHrFeTB1/9SaKlDs14oSOniW6BL6M43HqvgCO3u4WuVdFLkuc6sqw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-password-toggle-field@0.2.1': + resolution: {integrity: sha512-vu4+ZoJAaFjdI7l1lDSZRs+4dEv83Jmu7lyzajPrAeQzX74y84n0rUNWbWSgN9XB5NE8IY86Z02kGH6oRrzR+w==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-popover@1.3.1': + resolution: {integrity: sha512-ZNxvXRx5W2Wos4fXCXb5lpdqN0Z5chf+mStOUOTr4ik7d+62MRvoe9rzCA/eGNg36lxXqSrKEKmwuZEcUrIstw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-popper@1.4.0': + resolution: {integrity: sha512-yCWRvLeGv9Pz3+efwHqGPp70mZ56r3kfIgQVF56Oj2aAa4uP/Tb+IE59wNcc+758rctqbCKx4LbK8II/r7Bn0Q==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-portal@1.2.0': + resolution: {integrity: sha512-StX7xXnaRU41VvFtMm9zlhVGz8XF6GmWWTXftkQaY+tqVkbs/R9UmAp5mLzHHapk5hM9RMZQvO/3usyIP/g42g==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-presence@1.1.11': + resolution: {integrity: sha512-Z7/atlkab36Z8hm+V8zYc79r0W+tiOB1o0tun1By94JyadkekLQmtEAnBSP9XKXBNQsStoStS4+gX10JpS5akA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-primitive@2.2.0': + resolution: {integrity: sha512-HCTSPMNqv55Qk0IX4geJbpyXazmqulcimwuyjxTkKi29v+QZbG2Zho9BnbBq4YS2PF+KlNb2CXoLz66uUmblkg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-progress@1.2.1': + resolution: {integrity: sha512-yQBiM6J3YM8Ums1orkEFpbznK47geKxa0igikzcaS1xHgdba3DdAQBsGbCTt5BVfR8zhEvgxQ0poGcINaD3lvw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-radio-group@1.5.1': + resolution: {integrity: sha512-QbyVT1ddnjqB9H+CUYKkNWdU9fIK3QHCYtjf7mS6ekSqiuXkWtWn5UZW9mhA8qtl3vrVyIsmR9gePstAtKrqkw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-roving-focus@1.2.1': + resolution: {integrity: sha512-UwraORzVUeEPMclhO1p0vz0qI+TbdDLO9i+FiOqhJyHKwdpCRCck9yVEscUnAMIzCiuNoQa8D4A9bIpOPXGt6Q==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-scroll-area@1.4.0': + resolution: {integrity: sha512-CFrLqHNejWq5FhKAcj9V/WPGRsol76HBQto81NdOBVFEOqIEkJkKIJt0Z824A/9hHLCtoiR/Kw3euRgzXP2pxg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-select@2.4.1': + resolution: {integrity: sha512-888ZwW0Md6GyptuqYABRX9nLKgoYfcooCyBBvVaX5Jp3e+8Jp2i4Zo/Uy50Hm+Ysn2JfloQXstW4U36w8teVtg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-separator@1.2.0': + resolution: {integrity: sha512-1jUAap0wZEqVP05Ou7kJgRxe/W+Qftng+rUNWGa0qkKbv9r5pWTG3E7a3ELKo2eJoHKMECnzuYrZpSyO1YgcYQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-slider@1.6.1': + resolution: {integrity: sha512-IRNRR90moPqxfwCJ0XbMJIxo70W0/1ZExT/sNCxEHMaPx0SF9HoQrcPEC75+H28cFKa0b+KH63anfLYJmwKacw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-slot@1.5.0': + resolution: {integrity: sha512-tyYd9ddPXAysAbdbD9eYxgwpCSv6f3PncqVSNKQFSR5lcJVLz3cb/pANDoYrLiHBpXv7skortyUgGUWsYuPPFQ==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-switch@1.4.1': + resolution: {integrity: sha512-NpBGwc40rY02ZmSvuyeKk0Bvc8ZsNeTMi4qHvJ+ZH4EiYCv0zIXEgdCW4bVdzgIUeP9xxbLJSxKOUfqITYNmkA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-tabs@1.2.1': + resolution: {integrity: sha512-hRoJlode+hg5ZNlR+3tkfkUliIybdTpD5lkAvHQ9yaXseGf7XVO9Ib2GPEIOuaJJbo7YWYbNpDDRfo8Dhf6/xA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-toast@1.3.1': + resolution: {integrity: sha512-iQvL0J7XK4HtJNGkkWMyYrboNseI7vtotFeUkIno8YNxVA9oM7B6//fh0Mc6TSKI96+zioLWi98lQLso88yJmQ==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-toggle-group@1.2.1': + resolution: {integrity: sha512-O8Ldx5ao4p4KoW+DO8/PmkOe5mdKNi3F2SseqjVj88wvDGDHe60cUmO0Zm/uHsKrvNgQGV8Efpuh95Tht/h4vw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-toggle@1.2.1': + resolution: {integrity: sha512-+3MUq+WyiBplXYqQ0EIYlq8R4sLQ0T5NbOK7DMdDLCKO93pe2uE0DUJTWWfTBprpJJXxfoF3eMW0xpakVZrYsg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-toolbar@1.2.1': + resolution: {integrity: sha512-Cm8m7JTEeUdbfA6T9xgyu8HfOpyvSx8pB/wj0DlEuWaJe9FilIs4Az9wci/lU9RbthV/UkltszMw5WnnD+m/Ug==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-tooltip@1.4.1': + resolution: {integrity: sha512-NxLFGSFtZ78zVfcoOhTwR1xwqo5qx1Jh8Pw6FMZ9McCaqfRzz7/gIRahs2Oy5XlPgQ+8QkUcKbN5B0U44J/kCg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/react-use-callback-ref@1.1.5': + resolution: {integrity: sha512-Y5GBf4NKeADoXI1geiMlMuMoURT3k9MizzzKhGb/m55H94aGigZ01PIpkvsO6lML13BA6XYAXSJ6gza7vTn5nw==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-controllable-state@1.3.0': + resolution: {integrity: sha512-TAcBI7bw2ljYCbv4+zuTSd6zICu8pRt6SDN2vJ/Z06K2MXh6I9WYFe/A9ovlFDtR5HVHGm5iDxDoABm/++dbKg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-effect-event@0.0.5': + resolution: {integrity: sha512-7cshFL8HGS/7HEiHH+9kL9HBwp2sa9yX18Knwek6KYWmXwM7pegMgta2AXMQKI+rq3JnfSj9x8wYqFMTdG1Jgg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-escape-keydown@1.1.6': + resolution: {integrity: sha512-9cRullnQRv+kqnRmFlmh0WC3kAPuGmHiQ9VwsXdrYk//sBhgCKEttcpPEPgIQbyx6TGUmooVEHYTyohwz/lSJg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-is-hydrated@0.1.3': + resolution: {integrity: sha512-umO/aJ+82CpOnhDZUTbILCQf7kU/g0iv+oGs/Q8jw7IkhWBzaEP4sA268PhFAJTFetbwp3ICc6ktpI4TqtxcIw==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-layout-effect@1.1.4': + resolution: {integrity: sha512-K20DkRkUwDnxEYMBPcg3Y6voLkEy5p5QQmszZgLngKKiC7dzBR/aEuK3w1qlx2JWDUNH6FluahYdgR3BP+QbYw==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-previous@1.1.4': + resolution: {integrity: sha512-XoSLhbRbqxFtgJoi2fNHA3C6pDlY34x508vUpUGoFZfvePfHXHbE1lC4FYFMnJWgiCRroSTw6fOsXQoVS9RwZg==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-rect@1.1.4': + resolution: {integrity: sha512-cSOCh6JlkmfjLyNcLiu2nB4v+nm+dkZ+Q5KHWk/soo4U7ZLiEQFKHK9/YmtBHjfCEaU43IBKQOc4/uJmCaiCTQ==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-use-size@1.1.5': + resolution: {integrity: sha512-V1McDQkMGzgivwqdu7u96APs7oi0Jvj9LTzgq3WWrDZqxWdAqU9yZnZQqk5OizGFR8badUQwZsrlao7MOlWYOA==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + '@radix-ui/react-visually-hidden@1.2.13': + resolution: {integrity: sha512-feijiN1oPk4rck4u9Dm9tsU4mT6Wp9oeEEhaz1WUEs1VuqLf8xzsFG+Qk+uWq6TnMH9O+WRECRg0NftyP9E4Fw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@radix-ui/rect@1.1.3': + resolution: {integrity: sha512-JtyZR+mqgBibTo8xea3B6ZRmzZiM/YeVBtUkas6zMuXjAlfIFIW2FgqeM9eLyvEaYX66vr6DJMK+4U6LV0KhNw==} + + '@react-types/shared@3.37.0': + resolution: {integrity: sha512-VNlZuifu4tHdxWPfHvoMfKsHA9kVTCGkduv5vKVTdinm8wHFJNhyVB5RzIMiRFj0q3RKoCbP68u2zaoBSiFueg==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + '@rolldown/binding-android-arm-eabi@1.2.16': + resolution: {integrity: sha512-ia3DwAs0OsMGS7+IConptSiyk9pEXkOx/AbJ2n/lAGxH3QkWQus1t8d7gnAT38FCU2sQu8lUbeR6AiZFv4JxaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [android] + + '@rolldown/binding-android-arm64@1.2.16': + resolution: {integrity: sha512-kx5wBiMB6E7TEvpl2B9gjLU004BkvEm2Dr941BFjx/SontPwSzNuQUIoVKxHHoSjpFIfHMmcguyLOtyn0hObRg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@rolldown/binding-darwin-arm64@1.2.16': + resolution: {integrity: sha512-qslZrXnKJU4cUpjoAmtAo/KQM9e2IRMlmpig6Zpwj+8KWxW8v+nkAf9216Bsek9lOC1jvg2yCjygCFo2f83msQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@rolldown/binding-darwin-x64@1.2.16': + resolution: {integrity: sha512-FdF+y48ND13eAyM2mQn+85kvAqNlvRWROy2rhgA463X/0Gv4vGtazZtfaF1mRBLscYvtOlh4QnLjOWiFzX69OQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@rolldown/binding-freebsd-x64@1.2.16': + resolution: {integrity: sha512-ddjqFM5e95AgLbUPtKIS7V1KTVlA0RUgCVr5mn+/IEhsdy3pr+Vuj/HZ7nlMN2FyxIwUktOH1LEPIQXO1v9y1Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + resolution: {integrity: sha512-tHdKWbFkFBI687iim3LIyIvyL7j66VvQYkDPss5Stn/qyE2tWkR1YD0dXmXPFKKqT/o5ZEJVsaRsWS2meQwGOA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + resolution: {integrity: sha512-FJiLGAblPBMlBEdbOqw6kW6QcXDWAf/oJu7gYs9ZJZwmg+K+/zjFLxPTIY9izJUzxzc24FHvmseyA0IvJSl17w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + + '@rolldown/binding-linux-arm64-musl@1.2.16': + resolution: {integrity: sha512-hrJpblMsrQ58U9veWpbXzkhV5zStunds6HWLprqq1qauvgBr1E6P+24kLj6lSLI9vjRn/RYpjprhkHQPKGWpNg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + resolution: {integrity: sha512-qJd/dC6j6CwLG9/s/RP2nb1RZ0GIgj7Ioj7x/SYa3RzjVrlzrmH0fhIOpfvqQDeIsdP0loi+kHaMhJzY1PBIaA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + resolution: {integrity: sha512-Vx7Xg5uUJuNcujJjI70OICaH0EYj80BtOLZTSN7uOYg8QOLlyKnaG0IW7Fn/J0IpJsaKzmDKMhOQv1JBM9m9vg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + + '@rolldown/binding-linux-x64-gnu@1.2.16': + resolution: {integrity: sha512-TNKhgE3uJTsTzatUSSYt0Kgo+Oa2uSlSjz4r1aEIea7HX6ULBym4fAlYUhG1i6pjNf2njfCUAfKwr6C3E9Xg1w==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + + '@rolldown/binding-linux-x64-musl@1.2.16': + resolution: {integrity: sha512-7chXdpjXZ8qG0+mIxECN3cT9kvhZ3/oZhMX6Pp876P7CDrIy8nJswva6Mq357JR7eYXfuskwZxMeV1SzoZdHrA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + + '@rolldown/binding-openharmony-arm64@1.2.16': + resolution: {integrity: sha512-Kwjt+7uNTJK5/MDkGWGVO2KQPnj8yAV75dMpfwyHZrJSXWHrniOB0aUEWlVYf3H1hOqFLIStLdM5QXq6bnKmOQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + resolution: {integrity: sha512-/LH6WfjDRXXJz/p5xl4TmU+jpcnwcxbKEQBW/GZE0JHfN0lGIyTtsUEGaQ/q/GikkGJ2yLKe6pwm7AnEWO8pdw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@rolldown/binding-win32-x64-msvc@1.2.16': + resolution: {integrity: sha512-1lv1KvX0Z871zfk7vw+dnXMMnHNyDwMzWG8Kv3HxDXMOhzCX4SHc7HK319fInP0i+0p9D8brkfzL7pJOaGl+tw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@rolldown/pluginutils@1.0.1': + resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==} + + '@sindresorhus/slugify@3.0.1': + resolution: {integrity: sha512-N1oPvN6sytRKZCskv0L+vSyvnUYi9JplPXZ90lT6EBsijjHrUdoXttb0Lna6pw1TWMe8vlajQnLDtU9KYHqtDg==} + engines: {node: '>=20'} + + '@sindresorhus/transliterate@2.3.1': + resolution: {integrity: sha512-gVaaGtKYMYAMmI8buULVH3A2TXVJ98QiwGwI7ddrWGuGidGC2uRt4FHs22+8iROJ0QTzju9CuMjlVsrvpqsdhA==} + engines: {node: '>=20'} + + '@swc/helpers@0.5.24': + resolution: {integrity: sha512-6tcXo4kA8HgGO7AVmawB57RYi/piBPYVHVcO6dXjX+SZw8GoHmi262sp4v2Ha2kNP9Cx84qei27yT+fjS1lxgg==} + + '@tanstack/query-core@5.106.1': + resolution: {integrity: sha512-erYv/UACddcdgjOL2ixmFdK6tO/AVBeUcTCOtX2N51yZpDQ2U7KJ+xgB/bCNfsF3uoCDTqGHEEbDiFsIO9YUmQ==} + + '@tanstack/react-query@5.106.1': + resolution: {integrity: sha512-ORDvJG/DSfmlFL9lQ8GDkE0VjtQbLeRDY7BL8xjKkQFGLfjFGfNWNuteWgPqA2gPJgLLuWfQ7IX0FlsHCJriyg==} + peerDependencies: + '@types/react': ^18 || ^19 + react: ^18 || ^19 + peerDependenciesMeta: + '@types/react': + optional: true + + '@tanstack/react-store@0.11.2': + resolution: {integrity: sha512-oj5O5DmiMWE+ih+SioX2ayC1kbK7d3fpLx0B75fPJr9nY3zU+hoW010yr64qXsY/9fyiLVE2bn5mGNV3owm8RQ==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@tanstack/react-table@9.3.1': + resolution: {integrity: sha512-E6Ya5TnY6EaGyZYIUqig/29Lr/gJSAubQkLJFqiWkUl5nRCr0Xr9hvJot+NiRTtG+TzGxHTiqUW3bnLtQxlHug==} + engines: {node: '>=20'} + peerDependencies: + react: '>=18' + + '@tanstack/react-virtual@3.14.26': + resolution: {integrity: sha512-HUDlfsrYH6ko5xH56L62Mcl/uzT+AGVNMHFuDNqDJMdZWc1AQa2oeVKNUvZ/RWBZQ4TYtyQerFrNvLnp39h65A==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@tanstack/store@0.11.2': + resolution: {integrity: sha512-sJ4mjol8uQsHV0gOJzzjwXfh2Fwm+Sz0+8deqiTm4jGbMdjzNSW+xZCFm0kUa870uhd8yi+DpKnZb5Kc4apa0Q==} + + '@tanstack/table-core@9.3.1': + resolution: {integrity: sha512-zQvlxSNi2qGM3L4jh85Z6hqMfdIR5qOfD9KHOU32nuKFJGN0RlJ7UvV1lsPb1fPVhpFYI0VP3jJGxLdLDpTKjQ==} + engines: {node: '>=20'} + + '@tanstack/virtual-core@3.19.11': + resolution: {integrity: sha512-/5iHb0RHBvj8Di59FDs4ESNm45jls33aZAi4zccVXZjc/6ZvwQP6nzEYeT6weXjTf9E6/vrp2JhYWRyO+ZP13A==} + + '@testing-library/dom@10.4.2': + resolution: {integrity: sha512-yzr2S9HyAIdhz2/6qHgbs665Q7PKVcDF05vsOlHPxG1mo36gKVesdYVeDLnXgfjJ03CrKRk08knc6+E/9m8v2Q==} + engines: {node: '>=18'} + + '@testing-library/jest-dom@7.0.1': + resolution: {integrity: sha512-oMDTC3oA+6CXSO2JZnvOI7CA6oVub6kij5ggk9ohwye5slmkwxYDXcPOVxgMw/RQlticjtO0C1RZkR97HgrWMw==} + engines: {node: '>=22', npm: '>=6', yarn: '>=1'} + peerDependencies: + '@testing-library/dom': '>=10 <11' + vitest: '>= 0.32' + peerDependenciesMeta: + vitest: + optional: true + + '@testing-library/react@16.3.3': + resolution: {integrity: sha512-Uo193NgQbPMz6lrrhtRQQFcMC6Re/ELLFbbuVL30WDlZxlpZf9/lMHTAVxPRLw1q1iu9OJmR1c2BLiENRstdBg==} + engines: {node: '>=18'} + peerDependencies: + '@testing-library/dom': ^10.0.0 + '@types/react': ^18.0.0 || ^19.0.0 + '@types/react-dom': ^18.0.0 || ^19.0.0 + react: ^18.0.0 || ^19.0.0 + react-dom: ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + '@testing-library/user-event@14.6.8': + resolution: {integrity: sha512-vgSSqnANMnkcYR/vUNDbwS7aM3OErRLNUG8vCVVlj4oc6cKffUrccX7UAS5AmJQQNZTSibi9z5GvvRZ0aYgUCQ==} + engines: {node: '>=12', npm: '>=6'} + peerDependencies: + '@testing-library/dom': '>=7.21.4' + + '@tiptap/core@3.32.3': + resolution: {integrity: sha512-X9dHcIRE99cfHJnGw5ovmAtHX5LoEZWkiVKK1AU3HvWeIzGHgx4GC0fFBWo8J/qJkfkeBl8HmY27BdgBjF4IeA==} + peerDependencies: + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-blockquote@3.32.3': + resolution: {integrity: sha512-XR7JwQjlRR1mH6HsBaIdbgd04qaeplNZ4+hSE9QW/KF1w+xnsklCVjc2KwEsv/EaUWf5Z5A4LAYWNwkXupZpyA==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-bold@3.32.3': + resolution: {integrity: sha512-SQw/q/UXz4ftwYd8UFgoWb62qW5x794+6im22CwR3y6/OJOKMzubKcoeZhX9LVcvpSsuxmtitRROhkX1yrLP3Q==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-bubble-menu@3.32.3': + resolution: {integrity: sha512-N+yCaAZVy9XwhODwKZK6oAQjrYA1QW0f5bk08TPn1G5fYR3ttfQyO7w/mLA8Q9H3t+O1TSxLcAAs2C7w0dsjTQ==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-bullet-list@3.32.3': + resolution: {integrity: sha512-E+tmPSQoNMf53KFt9J4AKQUZuU0ZKgkpm598e8v7NWh7FezhX8vWfFG6U+r8u7ijKK7WYUniNzkKQWUbL0u4iA==} + peerDependencies: + '@tiptap/extension-list': 3.32.3 + + '@tiptap/extension-code-block@3.32.3': + resolution: {integrity: sha512-wM/pdtidRSFv7WGkpMPY6MBuGEwQ1+YIIiu6igThoZ/Jl9gnx7unrEOgjMch8q/0fBN8fJ6zCEF+PzODex9zMg==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-code@3.32.3': + resolution: {integrity: sha512-g99Dl5SSvLR+39VO0zBXxtsYlwwskKCGb9aHJFtRWIcr/VZu3eCpT63164PFZajF8GC85j6Kg6F/eoTs3YYxFg==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-document@3.32.3': + resolution: {integrity: sha512-kfekMLBiaEA048kBCT2SPxyQndia1cRRxQ/sNqox90vNKzyikHpR8TO8AODisrUU5mJUkf9t2RR4VphxjbLrMQ==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-dropcursor@3.32.3': + resolution: {integrity: sha512-TuoOc0jWMuE9B5FPrfakh0Iu+THZ7OCp0gIAEhFWsglSBIU8cRonbweFGFYXfICdIFgJj2dX0GWY7md4gj6FNg==} + peerDependencies: + '@tiptap/extensions': 3.32.3 + + '@tiptap/extension-floating-menu@3.32.3': + resolution: {integrity: sha512-7ZNJODbT2UsJ4+K6wAqYU1tRTuRA7jDWHsbgVQANFCF/fYpbWprtmzYDjwlv5p2LhRD/FK/uIqNDolkkFiEXww==} + peerDependencies: + '@floating-ui/dom': ^1.0.0 + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-gapcursor@3.32.3': + resolution: {integrity: sha512-9o9y7RTKnC8AL41J+zXmWIsCEVLOWh2VG1uYhMovdlff+jZw7IBDXC8AI/+ZB026JqPc3VZU7p88Sm8pFoE5Tg==} + peerDependencies: + '@tiptap/extensions': 3.32.3 + + '@tiptap/extension-hard-break@3.32.3': + resolution: {integrity: sha512-RiSvfWiE9d4BgA99WdtgflU/1+zEnug2ZmmjX92VViAP3VyVOVk1zHk/JXmkGR0foll6Sepvzsh9phyBpDK6Kw==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-heading@3.32.3': + resolution: {integrity: sha512-PiASHMgQukDevfGQV+yg61jqbB+43+QqcDQi8kGPKleTeEcsMdXcz6mkDLBQPFI1E0wcfQHRz/n8dqG/2NYwng==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-horizontal-rule@3.32.3': + resolution: {integrity: sha512-s5LOtUwMDrJgqFlHenhjbF75f9AciYtsGKoMPKqdDjuoeLYfuTIVxdZobytTSuKBLg/SxIcSfV7fo6W8IOrItA==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-image@3.32.3': + resolution: {integrity: sha512-VkVK5F810cACjX0Xp2HmC6ih/zwJC7+QeRWxwX0vkrgvoRnrqyq2zcM6v4bW1g4mURZEqNwTNXd6iLozgtvXRw==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-italic@3.32.3': + resolution: {integrity: sha512-3D1/18hxVv4Awb/acD/4nBCLg3W5g16Wi7qN8KdSM9eW632fYfp9eqmvfeY05FkXLT5osOENE6MFnb+70Sy5ZA==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-link@3.32.3': + resolution: {integrity: sha512-OLo2F71UgM3DbS4LuoeMuzYedtoBFSJrhbuQcUij8ljqahgv5ul6cVMzc0Odz2amKh37c5fNLy05OSHuzRgxQQ==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-list-item@3.32.3': + resolution: {integrity: sha512-SPpqcCu36wbe6p1dxpy3tT50JsAs12kEKfqDLGtCwcu5+zytzYJl8Gxtheo5N8laPk8/p+R8VcIEIYMzRRaaSw==} + peerDependencies: + '@tiptap/extension-list': 3.32.3 + + '@tiptap/extension-list-keymap@3.32.3': + resolution: {integrity: sha512-fx/tCY+h+4Pb8r5LKVv8dlr7NlmTZvMBPHkbZ8i8760nTWPzXjmQWGPN78uTYAY+3lgUZutO3nvBNImSfy80QQ==} + peerDependencies: + '@tiptap/extension-list': 3.32.3 + + '@tiptap/extension-list@3.32.3': + resolution: {integrity: sha512-47pjwNnnHBU4DKXoM02E0/jTy7+AdPClZ5tnTRhioPWduw3rLUrHK5RcgPPn6hUC0rnZogVyOV08qkH6n0vC0A==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-ordered-list@3.32.3': + resolution: {integrity: sha512-uXtJ0z8mHMIPSkc12aIcvl3nLjVNL7H8vcJCFg1+nEyiRwryq7wnNW+nI6BtMWO5QApDq/q1EalRN79A1VwtYg==} + peerDependencies: + '@tiptap/extension-list': 3.32.3 + + '@tiptap/extension-paragraph@3.32.3': + resolution: {integrity: sha512-CwHrW1LRsjNhCp9psMPxXVrzs6m4nDDA/81jaAdepqzXZC8ulbEt+gGPCm+llO62vRIJ8mXGs6mhqN/O4NVUrA==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-placeholder@3.32.3': + resolution: {integrity: sha512-QCQkikwnFYiOKXGTw7iDiyKngzJPn0rvsMNmnGom8IFjR7q8APYFXo6rlumlQs6Vsnus46UI0G+QrZhkbvm6aQ==} + peerDependencies: + '@tiptap/extensions': 3.32.3 + + '@tiptap/extension-strike@3.32.3': + resolution: {integrity: sha512-Kc+lCjUa7+j8N9CgGNvhnZBtHw1vLDtJloS85v8ieSlY/MlYNpDHM2I9/X8GXvKWOSAq3UfrVOljxcQGPlucxw==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-table@3.32.3': + resolution: {integrity: sha512-NF+VlinGYmeVrIgiX8ewBfSpqQi9YFVvqEZaGPLxInIAIz3Jy7q/2OwGqnGvrdJ2PA9eXqCciXQMt2uWdZACoA==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-text-align@3.32.3': + resolution: {integrity: sha512-3omH1td3kWXs5eNQ9WGOCIvC4BrZoFAKJfU5X+NgeaTC/4L+djHS4OzZQ75C90HofyaUJRXBehlOiaf2ESvCgQ==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-text@3.32.3': + resolution: {integrity: sha512-QRiRfwi8b2+B92ZK4lbJL+INKcbarcWb/ZwfJOBStYTBH2ByofTKzKG90KkqbE4/zlLuVivVLPI9ZixfNcmpXA==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extension-underline@3.32.3': + resolution: {integrity: sha512-4euEx/TV2urzmaAfgqoS0BOGNeCBu9wx4MbEMD5AUHVO6fGQ24PRCKl8sv+Yrx12JDU6u6i995q4LmGyB0VNMQ==} + peerDependencies: + '@tiptap/core': 3.32.3 + + '@tiptap/extensions@3.32.3': + resolution: {integrity: sha512-WwS6W4qXdKNDDO6kXa5Sfi5ibTZgx57q3alaSXGM0cB4EwZ8+zNaHJzp2eIVqdvcL+ZjDs2um8P0LBepno4Ubw==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@tiptap/pm@3.32.3': + resolution: {integrity: sha512-WTNTMJ6cD5xaT1rPfPCx0a8/IQWMRkqLlLDArk7vb48bunxF0GfCGmHBBedO45NesNi3iCejRHjGvSZq+UFYrA==} + + '@tiptap/react@3.32.3': + resolution: {integrity: sha512-q82neqY0cz6SuD4glYD+TcoFu30E94mNRDwmXQR1qtHTblceIzgZnZVNntbW1GIo7YmPhvycj82PBzxjgqbSAg==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0 + '@types/react-dom': ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@tiptap/starter-kit@3.32.3': + resolution: {integrity: sha512-QvTDC3yni5nPDHcPsa2SnQN7xGDmDvvkvKhi9FpZaIXg7ioIsxybHwF4kV+vds2y9mOA6/McNH8sNg71mCvbZg==} + + '@tiptap/static-renderer@3.32.3': + resolution: {integrity: sha512-Ktu5ZJxWi4jxWhmR6uAgL1oICX+i5ynNvemeuVsZYkERzRrl1HKCHkOZpt4Q6j3UlbfMGPIVWD+oAmwcs6sIpA==} + peerDependencies: + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 + + '@tiptap/suggestion@3.32.3': + resolution: {integrity: sha512-nQKa10rAI9iTEE3MKN9rhdv5nWhniUgDoehRYYzMVNUiZBWoLYjEg4efi/opCtSdS8HhJLzvEN6hikoBGs1ypA==} + peerDependencies: + '@floating-ui/dom': ^1.0.0 + '@tiptap/core': 3.32.3 + '@tiptap/pm': 3.32.3 + + '@types/aria-query@5.0.4': + resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} + + '@types/chai@5.2.3': + resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==} + + '@types/deep-eql@4.0.2': + resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==} + + '@types/esrecurse@4.3.1': + resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==} + + '@types/estree@1.0.10': + resolution: {integrity: sha512-lTyOMnOcmRBzdCv6/4zUZCrEhV0xrqQiUZBZtVcbmLHBXKLnN8q89v/wKRF/Q0HbwVsqbIG3o5HDoFl9sduM+g==} + + '@types/json-schema@7.0.15': + resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==} + + '@types/lodash-es@4.17.12': + resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==} + + '@types/lodash@4.17.27': + resolution: {integrity: sha512-VenMRv/eKNrspX9v3H4dbmjsrnCOYdYBG3kxXKk3dG6X+urBGcj2Prww3xw1U5K4FV/mE4h5GbWd0szEKf+9ew==} + + '@types/node@26.6.6': + resolution: {integrity: sha512-MzQj+8Kx3XI40OmUAE6Qoh58ZMNstNNMwn2nfd3qWsfe7nDNSqJNzes4njhz6AHwrSHOffSLwXU6yb474Q4aog==} + + '@types/react-dom@19.3.0': + resolution: {integrity: sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==} + peerDependencies: + '@types/react': ^19.3.0 + + '@types/react@19.3.0': + resolution: {integrity: sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==} + + '@types/use-sync-external-store@0.0.6': + resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==} + + '@typescript-eslint/eslint-plugin@8.72.1': + resolution: {integrity: sha512-5CokTWXpmbylfFabsbvHC0CAw3XLaGnoa+nFJX5FR592h/LoZsENUE6p/rg5xvkKrFEXz6pYmgI29AgXc2N3BQ==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + '@typescript-eslint/parser': ^8.72.1 + eslint: ^8.57.0 || ^9.0.0 || ^10.0.0 + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/parser@8.72.1': + resolution: {integrity: sha512-ZGwZP4OCfyA0AQTpEAMWz+rtX01DRhQWW5hB0ucKDEIX5U7jdmPSaMx94rQfaPAQzIYz2BimOgKOJtjfpRFQ9g==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 || ^10.0.0 + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/project-service@8.72.1': + resolution: {integrity: sha512-fAuVMkwdO/huI8nyo/WKnNKf6Gag93S56Rh3Ts5mGcavwSdaN8tRg1gCeIGX8PF+nzp1BjGfO4gHhGzW1J6jTg==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/scope-manager@8.72.1': + resolution: {integrity: sha512-lC/t6eMCZZQAAKZEYGL6RDVSuFehpdmMT6h+nJIjIa6oylN/PwDgDVtEIbB7O9xFfZYtZAYLoLlDNWKJhtF+uQ==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@typescript-eslint/tsconfig-utils@8.72.1': + resolution: {integrity: sha512-e4D5R5vpeAEPBxT2BAzsFQL3sbwyeeeo5+aczgNSRK1V734jE7pTqaGFU+fXapWEQwnZbpFaTn32+Z8DwS6OTg==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/type-utils@8.72.1': + resolution: {integrity: sha512-iY2wlmyrXJmx4yxUGP3aYCFF3cA/6ShddOKmLU2dx7LnEykbAM8WThlxZEfd1NddqceF6eJmZUayxx9oKIYNlg==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 || ^10.0.0 + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/types@8.72.1': + resolution: {integrity: sha512-LmE5IhQet1BWOWEXqBrVtBPsMAOQ6Nzk35d+WLh3mk4EUF33sqlfxjio1MdYeSvKSG5skactKKuixBIKXhL4Rw==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@typescript-eslint/typescript-estree@8.72.1': + resolution: {integrity: sha512-DAlUoUV93hIvrtIQLwCbmZQYVZwOMhiHJrOVUUIWicFZaIYjTRqlY3I/NZevfkLmSqkNHRu2qYDcq9lrn16oOQ==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/utils@8.72.1': + resolution: {integrity: sha512-5v5liypurJBFHCBNqh/RjsymAD+VWcE0djuGY/BUqp5fC3Qn+luWDEksjuTtWjPn6i5zQlUtkZCRG/CYG0yCkA==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 || ^10.0.0 + typescript: '>=4.8.4 <6.1.0' + + '@typescript-eslint/visitor-keys@8.72.1': + resolution: {integrity: sha512-SB8xqipSzZHUePCCLNeYxqnxq83X61/qzNhjQGbTfjxGZIeOEP7tBgWYX05Tcd6CgE02WdTJnh5b8kMZJ/+bnQ==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + + '@vitest/coverage-v8@5.1.0': + resolution: {integrity: sha512-OY9aShBQG5KOIw2zCo9fDoCHI9RHliNHJ//nM7m6jGg41Hyke9JOGWmeMlK74xYErsxMoK8mIB3gAeEyFVA7LA==} + peerDependencies: + '@vitest/browser': 5.1.0 + vitest: 5.1.0 + peerDependenciesMeta: + '@vitest/browser': + optional: true + + '@vitest/istanbul-lib-coverage@2.1.0': + resolution: {integrity: sha512-WOjuS+xcjSIy7ruYBQ+9BUcV7XZQ0FyVcbWbWxW9TRx/kLGx5SQaeFRIFDJxjNplb6YsT7SpKo2zuXXUo91OIQ==} + engines: {node: '>=22'} + + '@vitest/istanbul-lib-report@2.1.0': + resolution: {integrity: sha512-+ZFta25nWtGCOBG9/IET8w1RO5Oawsd6H8Uf6AJ9EA/StFuKVtKAEJEJ6uRt84OH+T4YkI0ASmIHAhRA+0KVxw==} + engines: {node: '>=22'} + + '@vitest/mocker@5.1.0': + resolution: {integrity: sha512-5umB9/jlWcqVS6fsrFmv5Gdnpu6wAUio/lEOwAmvB7v+lFo/IW2B9FhAD0p19GCULTgMzLCdUmuCDCnAzWgppQ==} + peerDependencies: + msw: ^2.4.9 || ^3.0.0 + vite: ^6.0.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + msw: + optional: true + vite: + optional: true + + '@vitest/spy@5.1.0': + resolution: {integrity: sha512-2DPO5OMHWKrBngC+fCmTQqemNF0gidRhp3lxbBmRhW+M1XJrfgPpqNqWVevXtn2f2ufD5ZaR1B6B641aAlcX5A==} + + acorn-jsx@5.3.2: + resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} + peerDependencies: + acorn: ^6.0.0 || ^7.0.0 || ^8.0.0 + + acorn@8.19.0: + resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==} + engines: {node: '>=0.4.0'} + hasBin: true + + agent-base@6.0.2: + resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==} + engines: {node: '>= 6.0.0'} + + ajv@6.15.0: + resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==} + + ansi-regex@5.0.1: + resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} + engines: {node: '>=8'} + + ansi-styles@5.2.0: + resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==} + engines: {node: '>=10'} + + aria-hidden@1.2.6: + resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==} + engines: {node: '>=10'} + + aria-query@5.3.0: + resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==} + + aria-query@5.3.2: + resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==} + engines: {node: '>= 0.4'} + + assertion-error@2.0.1: + resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==} + engines: {node: '>=12'} + + ast-v8-to-istanbul@1.0.7: + resolution: {integrity: sha512-kFL68AG6ajd8fg248zwM9GQrUWEp79gsmjum34OEXjs4yHuUMZfYKwOLW9GMmB4oNvVrj+EAGxsP7ye2UR9UlA==} + + asynckit@0.4.0: + resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==} + + axios@1.21.0: + resolution: {integrity: sha512-YCzXMB53Q9PZBsh7yN7wtapit4WepwcHS2fP8QhGsBxSz5YtgYobV7GGlWlAJi+RxfU77GQTQi2DSLUma42EYA==} + + balanced-match@4.0.4: + resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==} + engines: {node: 18 || 20 || >=22} + + baseline-browser-mapping@2.11.35: + resolution: {integrity: sha512-GNk8KX52CHqeNKGk8+7tZnQab/2k1t/BgrUHPKNdijzpEhF1saPQZHVKb6m5loSAxB39gyrTYw34Qf9CQ3u1qQ==} + engines: {node: '>=6.0.0'} + hasBin: true + + bidi-js@1.1.0: + resolution: {integrity: sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==} + + brace-expansion@5.0.12: + resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==} + engines: {node: 20 || >=22} + + browserslist@4.29.5: + resolution: {integrity: sha512-khTmKu5NGYTotqcYo8Bew2k4RAE9PuXRSFRXG2lQBrCEQHyeQ/vX6gKMxfokwywBsLiXZMnHsmWMG1pnO8J7uQ==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + + cacheable@2.5.0: + resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==} + + call-bind-apply-helpers@1.0.2: + resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==} + engines: {node: '>= 0.4'} + + call-bound@1.0.4: + resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==} + engines: {node: '>= 0.4'} + + caniuse-lite@1.0.30001822: + resolution: {integrity: sha512-Y3fvWQWzc69dlCyr07tuNrEhotv+db5FpMSPD3slZnkPKwRNOKwFBz2dP966XUmWMXLTOt+YShkFoQoom3U7hg==} + + ce-la-react@0.3.2: + resolution: {integrity: sha512-QJ6k4lOD/btI08xG8jBPxRCGXvCnusGGkTsiXk0u3NqUu/W+BXRnFD4PYjwtqh8AWmGa5LDbGk0fLQsqr0nSMA==} + peerDependencies: + react: '>=17.0.0' + + chai@6.3.0: + resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==} + engines: {node: '>=18'} + + class-variance-authority@0.7.1: + resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==} + + classnames@2.5.1: + resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==} + + client-only@0.0.1: + resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} + + clsx@2.1.1: + resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} + engines: {node: '>=6'} + + cmdk@1.1.1: + resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==} + peerDependencies: + react: ^18 || ^19 || ^19.0.0-rc + react-dom: ^18 || ^19 || ^19.0.0-rc + + combined-stream@1.0.8: + resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==} + engines: {node: '>= 0.8'} + + convert-source-map@2.0.0: + resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} + + country-flag-icons@1.6.20: + resolution: {integrity: sha512-py8JiEKzjhYw6HPJ0L7SxLgCYim36UPRTZX43/kqGueUCZLSvnrqAiwW8HtQibur7mdkFQUkjOgdK+o/9FBtaw==} + + cropperjs@1.7.0: + resolution: {integrity: sha512-AkGnZxr7xAJBa63ObXq5ZKLkh9c8wisC+Ym8VzIDn3KZ+6qRTbBnOl2w2dFOTMzLP5IcfOpEK9PICDywNXhncg==} + + cross-spawn@7.0.6: + resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} + engines: {node: '>= 8'} + + css-tree@3.2.1: + resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} + + css.escape@1.5.1: + resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==} + + csstype@3.2.3: + resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==} + + data-urls@8.0.0: + resolution: {integrity: sha512-JQUCCK+/CAGbGGx618PlFZMXH81Jtj7t73CHv9dd/zVWvxgGT2zLFRjnKb+Ng46GIwcy+f7f88qd4duqllK+WQ==} + engines: {node: ^22.14.0 || >=24.0.0} + + date-fns@4.4.0: + resolution: {integrity: sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==} + + debug@4.4.3: + resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + + decimal.js@10.6.0: + resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==} + + deep-is@0.1.4: + resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + + delayed-stream@1.0.0: + resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==} + engines: {node: '>=0.4.0'} + + dequal@2.0.3: + resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==} + engines: {node: '>=6'} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + detect-node-es@1.1.0: + resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==} + + dom-accessibility-api@0.5.16: + resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==} + + dom-accessibility-api@0.6.3: + resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==} + + dunder-proto@1.0.1: + resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==} + engines: {node: '>= 0.4'} + + electron-to-chromium@1.5.477: + resolution: {integrity: sha512-PN++F4zWZoVDGWinxMnSCpVqKhqFOJfLXxdU8bYJKudAEsHL/XKVITOKWVbfMt1r276Mi9RDLU9VHx9uKJ4RMQ==} + + embla-carousel-react@8.6.0: + resolution: {integrity: sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==} + peerDependencies: + react: ^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + + embla-carousel-reactive-utils@8.6.0: + resolution: {integrity: sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==} + peerDependencies: + embla-carousel: 8.6.0 + + embla-carousel@8.6.0: + resolution: {integrity: sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==} + + entities@9.0.0: + resolution: {integrity: sha512-oJFNDJg3kTPwAD1cNn2+WmUq4wFoo09npc3Ydf1D7ED4smRiWrsKnaLxykrTWgyGEcusc87P5dxlAleol9kpkg==} + engines: {node: '>=20.19.0'} + + es-define-property@1.0.1: + resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==} + engines: {node: '>= 0.4'} + + es-errors@1.3.0: + resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==} + engines: {node: '>= 0.4'} + + es-module-lexer@2.3.2: + resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==} + + es-object-atoms@1.1.2: + resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==} + engines: {node: '>= 0.4'} + + es-set-tostringtag@2.1.0: + resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==} + engines: {node: '>= 0.4'} + + escalade@3.2.0: + resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} + engines: {node: '>=6'} + + escape-string-regexp@4.0.0: + resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} + engines: {node: '>=10'} + + escape-string-regexp@5.0.0: + resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} + engines: {node: '>=12'} + + eslint-plugin-react-hooks@7.1.1: + resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==} + engines: {node: '>=18'} + peerDependencies: + eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0 + + eslint-scope@9.1.2: + resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + eslint-visitor-keys@3.4.3: + resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + eslint-visitor-keys@5.0.1: + resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + eslint@10.14.0: + resolution: {integrity: sha512-T0pNsxkb9IKmtQjhpK3d7nWOpFv+YHuMbTJnSVMoQblF0onvXfErrtp4V1jHtsQPan7dKaGVD0q1WCXnzMF31A==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + hasBin: true + peerDependencies: + jiti: '*' + peerDependenciesMeta: + jiti: + optional: true + + espree@11.2.0: + resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + esquery@1.7.0: + resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==} + engines: {node: '>=0.10'} + + esrecurse@4.3.0: + resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==} + engines: {node: '>=4.0'} + + estraverse@5.3.0: + resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==} + engines: {node: '>=4.0'} + + estree-walker@3.0.3: + resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} + + esutils@2.0.3: + resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} + engines: {node: '>=0.10.0'} + + expect-type@1.4.0: + resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==} + engines: {node: '>=12.0.0'} + + fast-deep-equal@3.1.3: + resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + + fast-equals@5.4.5: + resolution: {integrity: sha512-yKEpcFuRPu/pTQL2VB8YKE2yFldrLlIsoWtJeBnAdqEhvu21OgkFT0C8njf/xYc2LSZGEr3K9JGjthHJxnVLvQ==} + engines: {node: '>=6.0.0'} + + fast-json-stable-stringify@2.1.0: + resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==} + + fast-levenshtein@2.0.6: + resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==} + + fdir@6.5.0: + resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} + engines: {node: '>=12.0.0'} + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + + file-entry-cache@11.1.5: + resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==} + + find-up@5.0.0: + resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==} + engines: {node: '>=10'} + + flat-cache@6.1.23: + resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==} + + flatted@3.4.4: + resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==} + + follow-redirects@1.16.2: + resolution: {integrity: sha512-/kVP2U8z596Ia0gwFrwyIeo74ta5aVmSeU1FfAUMAmcEP5EP7zydmag3SLiN64NaRKef3lxsq7i/g7ltJQDGow==} + engines: {node: '>=4.0'} + peerDependencies: + debug: '*' + peerDependenciesMeta: + debug: + optional: true + + form-data@4.0.6: + resolution: {integrity: sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==} + engines: {node: '>= 6'} + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + function-bind@1.1.2: + resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==} + + gensync@1.0.0-beta.2: + resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} + engines: {node: '>=6.9.0'} + + get-intrinsic@1.3.0: + resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==} + engines: {node: '>= 0.4'} + + get-nonce@1.0.1: + resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==} + engines: {node: '>=6'} + + get-proto@1.0.1: + resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==} + engines: {node: '>= 0.4'} + + glob-parent@6.0.2: + resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==} + engines: {node: '>=10.13.0'} + + globals@17.14.0: + resolution: {integrity: sha512-UtdkTVyAJePQv0J2M9Xe4L0ruNSDV314XiIJsADI2Zf40bcdAonE/D/OhAU8AT99oij9mhLByb+NvA3QWZYgCg==} + engines: {node: '>=18'} + + gopd@1.2.0: + resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==} + engines: {node: '>= 0.4'} + + has-symbols@1.1.0: + resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==} + engines: {node: '>= 0.4'} + + has-tostringtag@1.0.2: + resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==} + engines: {node: '>= 0.4'} + + hashery@1.5.1: + resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==} + engines: {node: '>=20'} + + hasown@2.0.4: + resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==} + engines: {node: '>= 0.4'} + + hermes-estree@0.25.1: + resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==} + + hermes-parser@0.25.1: + resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==} + + hookified@1.15.1: + resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==} + + hookified@2.2.0: + resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==} + + html-encoding-sniffer@7.0.0: + resolution: {integrity: sha512-UikN5yr7xsCDAq87Or5or0PAlD3HJJOKVzM05az588WnpDJ4Ux7a2A53Qi6gofGg2/EtvF/H4hCi/TXfCW4Y6w==} + engines: {node: ^22.13.0 || >=24.0.0} + + https-proxy-agent@5.0.1: + resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==} + engines: {node: '>= 6'} + + ignore@5.3.2: + resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==} + engines: {node: '>= 4'} + + ignore@7.0.14: + resolution: {integrity: sha512-wCBiZ77u1tuWde6G/nfOtLaCTYcFDU5yCzARzK10y+rLhzYoL7a7yEemcopcc2Mzow7gZOIjnV2ym1NYmdiJOQ==} + engines: {node: '>= 4'} + + imurmurhash@0.1.4: + resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==} + engines: {node: '>=0.8.19'} + + indent-string@4.0.0: + resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==} + engines: {node: '>=8'} + + input-format@0.3.14: + resolution: {integrity: sha512-gHMrgrbCgmT4uK5Um5eVDUohuV9lcs95ZUUN9Px2Y0VIfjTzT2wF8Q3Z4fwLFm7c5Z2OXCm53FHoovj6SlOKdg==} + peerDependencies: + react: '>=18.1.0' + react-dom: '>=18.1.0' + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + + input-otp@1.5.0: + resolution: {integrity: sha512-3AcfdW1sNG0FmSA5hHMBXG7jNW5CdcdKs8ln8JOmn6S2SRkoXoJx+2UwC+ZvjflfnOdHJx0SfQ9/YjlxVYLtGQ==} + peerDependencies: + react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc + + is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + + is-potential-custom-element-name@1.0.1: + resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==} + + isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + + js-tokens@10.0.0: + resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==} + + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + jsdom@30.1.3: + resolution: {integrity: sha512-hQMUPvRgN7KxsfIytDQji7bimuJeRQa6Qo5+iuiZQk5CafeRxLIA10/cG5YCBFNpD9RO3oqIiN4CO1Y44kxqXg==} + engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0} + peerDependencies: + canvas: ^3.2.3 + peerDependenciesMeta: + canvas: + optional: true + + jsesc@3.1.0: + resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==} + engines: {node: '>=6'} + hasBin: true + + json-schema-traverse@0.4.1: + resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==} + + json-stable-stringify-without-jsonify@1.0.1: + resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} + + json5@2.2.3: + resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} + engines: {node: '>=6'} + hasBin: true + + keyv@5.6.0: + resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==} + + laravel-precognition@1.0.2: + resolution: {integrity: sha512-0H08JDdMWONrL/N314fvsO3FATJwGGlFKGkMF3nNmizVFJaWs17816iM+sX7Rp8d5hUjYCx6WLfsehSKfaTxjg==} + + levn@0.4.1: + resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} + engines: {node: '>= 0.8.0'} + + libphonenumber-js@1.13.15: + resolution: {integrity: sha512-AHdhEQeDFEJ4GKDAQ9AwxChy+v2kUILUB3TGQRpkXMkWePjXTU/WQEzWVQoIx/Gz8fE73Wr5SEuZCy2vk8jrMQ==} + + lightningcss-android-arm64@1.33.0: + resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.33.0: + resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.33.0: + resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.33.0: + resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.33.0: + resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.33.0: + resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-arm64-musl@1.33.0: + resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-x64-gnu@1.33.0: + resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-linux-x64-musl@1.33.0: + resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-win32-arm64-msvc@1.33.0: + resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.33.0: + resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.33.0: + resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==} + engines: {node: '>= 12.0.0'} + + linkifyjs@4.4.0: + resolution: {integrity: sha512-InTexvtbai+2c+dEVGcc6O6P2DMVIiwD9a/i4zFroazOIYLOS6FSVmAJ7kFeumnCMx6/gQqNAkbUvgMubV4+MA==} + + locate-path@6.0.0: + resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} + engines: {node: '>=10'} + + lodash-es@4.18.1: + resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==} + + loose-envify@1.4.0: + resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} + hasBin: true + + lru-cache@11.5.3: + resolution: {integrity: sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==} + engines: {node: 20 || >=22} + + lru-cache@5.1.1: + resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} + + lucide-react@1.69.0: + resolution: {integrity: sha512-UTFECm4yEgkgMN0kfLuxWcmlk+4u02Jrqehgk3ZXRx/Ud68OpP7hjkp67bvkBHmIpMaZCIveF1QDYeupO7XmYQ==} + peerDependencies: + '@types/react': '*' + react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + + lz-string@1.5.0: + resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} + hasBin: true + + magic-string@1.4.5: + resolution: {integrity: sha512-oLLC2+YvQUfAa+vxoufE/yc1icb87M9iXIRqAoR/2EhE/8cb3SF/+Gi0c2By1B+5Vz2e2vQtUvHiu1+63Znh+w==} + + magicast@0.5.5: + resolution: {integrity: sha512-UicdXN8zQ3JHlxVq+28afMXPr1z7WNY6+7EJnzTdQWkTAlMLF5fNCCKxJHBQwGaNGR11581EiQmQzx73+MvszA==} + + math-intrinsics@1.1.0: + resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==} + engines: {node: '>= 0.4'} + + mdn-data@2.27.1: + resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==} + + media-chrome@4.19.4: + resolution: {integrity: sha512-QAL48kT03+InLijPzXN1end9fcsl0/l53j1laCfbt/79vF2iZ45dovv4wQMw2q9zOLEiDwWsB718NJPhtZUBDg==} + + mime-db@1.52.0: + resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==} + engines: {node: '>= 0.6'} + + mime-types@2.1.35: + resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==} + engines: {node: '>= 0.6'} + + min-indent@1.0.1: + resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==} + engines: {node: '>=4'} + + minimatch@10.2.6: + resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==} + engines: {node: 18 || 20 || >=22} + + ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + + nanoid@3.3.20: + resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + natural-compare@1.4.0: + resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} + + node-releases@2.0.63: + resolution: {integrity: sha512-6li2QanLsAXpIH2R6j77MzRyvOyrvdTqlKtO4CgBdHGNvN99ZZfyxszHc5o5+IZBWD5u6Hzwg83JoGXmqZNG9Q==} + engines: {node: '>=18'} + + normalize-wheel@1.0.1: + resolution: {integrity: sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==} + + object-assign@4.1.1: + resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} + engines: {node: '>=0.10.0'} + + object-inspect@1.13.4: + resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==} + engines: {node: '>= 0.4'} + + obug@3.0.0: + resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==} + engines: {node: '>=12.20.0'} + + optionator@0.9.4: + resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==} + engines: {node: '>= 0.8.0'} + + orderedmap@2.1.1: + resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==} + + p-limit@3.1.0: + resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==} + engines: {node: '>=10'} + + p-locate@5.0.0: + resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==} + engines: {node: '>=10'} + + parse5@8.1.0: + resolution: {integrity: sha512-sq3qBFpee5jeocbFbO48VHlGr8sT7mbXS0vxlKN6sottBtJzrOG3998sr0llSZcQAGgfpdmEYAIZE0P9z0dE8w==} + + path-exists@4.0.0: + resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} + engines: {node: '>=8'} + + path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@4.0.7: + resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==} + engines: {node: '>=12'} + + postcss@8.5.32: + resolution: {integrity: sha512-LJlKCCAUFKOuZxipUdYw1NzIITEsPcgyOG9LkvRJvuKj/bRzbuRY0ARXvL0pWGpsZvn8jku+LMep2eU0seHp8g==} + engines: {node: ^10 || ^12 || >=14} + + prelude-ls@1.2.1: + resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} + engines: {node: '>= 0.8.0'} + + prettier@3.9.10: + resolution: {integrity: sha512-skGHTH1Yb9QvaTC4hWnRTzEYtCpApF0UMBPz+t/0ZPzP8ihefo/btKd+QA7pUE0fEwA1SbS/NmhyEcstdXOIdA==} + engines: {node: '>=14'} + hasBin: true + + pretty-format@27.5.1: + resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==} + engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} + + prop-types@15.8.1: + resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==} + + prosemirror-changeset@2.4.6: + resolution: {integrity: sha512-P0cY3DSLm4M2boUOCmHDyaID5o6HgWmb21Bvs9p8lLqfJjKBBEHG5Ma5qW5SCmwOYamtWOLf2k+yvt6077zlTg==} + + prosemirror-commands@1.7.2: + resolution: {integrity: sha512-q6Q6szxqdu9Xd6EcdKsqXghu5nQdZTpB4Q9yd04WRc7/jt763e/rT60Owh0L1GYY+T46o5rD+9lEN36dZS43tw==} + + prosemirror-dropcursor@1.8.4: + resolution: {integrity: sha512-VmKxhcA6a+h5oPSYmfF1ZNeQqPbyYaIxqZsKqeYCyTlPtrjUgNaHL3P8vVaO19oqAV0zuaM/axkowZHrB1P3Tg==} + + prosemirror-gapcursor@1.4.1: + resolution: {integrity: sha512-pMdYaEnjNMSwl11yjEGtgTmLkR08m/Vl+Jj443167p9eB3HVQKhYCc4gmHVDsLPODfZfjr/MmirsdyZziXbQKw==} + + prosemirror-history@1.5.1: + resolution: {integrity: sha512-onlwnqKvgtFg6srZOmDOAhlAy1FIHQpOExORybX0S+DvJepE5tPALrB9iGet/2sqqqrelSnB10OoiOJqAvu2DA==} + + prosemirror-inputrules@1.5.1: + resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==} + + prosemirror-keymap@1.2.3: + resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==} + + prosemirror-model@1.25.12: + resolution: {integrity: sha512-Ue2gTmXMa7EhpLNhC7J+h4+ykD8ha12K6rrZFFKKJHBForfIStw5gJ6Zrf1mqqAa9NmpmEB4wp9bKmA4eUVjWg==} + + prosemirror-schema-list@1.6.0: + resolution: {integrity: sha512-G1srDtan+VqWn+qpmWFj/6j0YsZ5zMU+ZIlGVIW41a5JF2jAI3jzfMRWmSABmEH2Qoq1PmAG/o2mucMMdLOsLg==} + + prosemirror-state@1.4.4: + resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==} + + prosemirror-tables@1.8.5: + resolution: {integrity: sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==} + + prosemirror-transform@1.12.5: + resolution: {integrity: sha512-3EBXZBM4h3MKuWvs9sQ7IA0/v6jCqCZ4wC08PIvzY1VSQWDL90KEyfg5C0Ex52UJesf/QVogxvuBsZdKmLc3NQ==} + + prosemirror-view@1.42.9: + resolution: {integrity: sha512-bKbfzeKZOu2H2JQU2TaJmYu6EBcor3VnGIR4jR31cbEt1ztUnfUB6bKGV1+fJzOJdrVWR+tRU0208zM3oQx4wA==} + + proxy-from-env@2.1.0: + resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==} + engines: {node: '>=10'} + + punycode@2.3.1: + resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==} + engines: {node: '>=6'} + + qified@0.10.1: + resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==} + engines: {node: '>=20'} + + qs@6.17.1: + resolution: {integrity: sha512-jd3COkaKVgGUW+ZHyEHCG9bH7RoaaiWuMgzsIBjUMVjLAaWGWpoUAVwljVvBHxRu/2qEHnadLGZrkutYUBPQJA==} + engines: {node: '>=0.6'} + + radix-ui@1.8.1: + resolution: {integrity: sha512-HPfpVGizO9xANlsFSauruLhRe/3+iOt3vPX0MXYle/UQi3gorQrSYtBcdiv0BZYewcl2rvL59qrIuLFMGAmUrw==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + react-aria-components@1.22.1: + resolution: {integrity: sha512-UTHaYHOaM71bOCjGPF50DcLywlrwAodE63IP64LB4kO+OizatQEL8TesVEOM8+TkBeSgHoflJ45388IlJfa7aw==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + react-aria@3.53.1: + resolution: {integrity: sha512-dikisyOjJd3D2fFrIDWmVWzqiLz5B86GzZv1zxs7xI4dVc0JIz/1Wa52I20gYvVL2WXeFXlygYsle/QcOMhtcg==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + react-day-picker@10.0.2: + resolution: {integrity: sha512-QetiKtZWE9Uaw/pM/SYNv6WPYOTRnSJ2puL0GgwkmUFMIwiY0dtjH1W4B7DOVXVNQM0ZOClGpH/heOfBSzWeiA==} + engines: {node: '>=18'} + peerDependencies: + '@types/react': '>=16.8.0' + react: '>=16.8.0' + peerDependenciesMeta: + '@types/react': + optional: true + + react-dom@19.3.1: + resolution: {integrity: sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==} + peerDependencies: + react: ^19.3.1 + + react-easy-crop@6.2.4: + resolution: {integrity: sha512-OWdnFYctzUNlekjob+bQfloG9wyhIBkkmeISnM5XVE4Byqn0jmVxDF7oz85ovUF+EIPQyj0yAHbBEFtnxwGv4g==} + peerDependencies: + react: '>=16.4.0' + react-dom: '>=16.4.0' + + react-hook-form@7.91.0: + resolution: {integrity: sha512-5BEBUnCBwa28AFXYTYmOaB/+CSpJ/+CWVASHEvIGUzFdHyUiPHeRhG7r5hOZ8nZi0yP7pbHdFNXO/p31EKTJFQ==} + engines: {node: '>=18.0.0'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17 || ^18 || ^19 + peerDependenciesMeta: + '@types/react': + optional: true + + react-is@16.13.1: + resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} + + react-is@17.0.2: + resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==} + + react-phone-number-input@3.4.18: + resolution: {integrity: sha512-EmPhJFSxQB7CTmLAlQfGAQQPF+WmJECU08gjyUt50zd2iESb4ETsm6z+BRfUEjH+TXct4EWvJvub+OztJxb/Cg==} + peerDependencies: + react: '>=16.8' + react-dom: '>=16.8' + + react-remove-scroll-bar@2.3.8: + resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==} + engines: {node: '>=10'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + + react-remove-scroll@2.7.2: + resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==} + engines: {node: '>=10'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + react-stately@3.51.0: + resolution: {integrity: sha512-YJcmkAXu2XOQP97hO/qz/cC3qv9kni3oVhwBlxWr358BHePJUpY15XwL3YSRMKxYt4EkslPqAz11JRirMfANGw==} + peerDependencies: + react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 + + react-style-singleton@2.2.3: + resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==} + engines: {node: '>=10'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + react@19.3.1: + resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==} + engines: {node: '>=0.10.0'} + + redent@3.0.0: + resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==} + engines: {node: '>=8'} + + require-from-string@2.0.2: + resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==} + engines: {node: '>=0.10.0'} + + rolldown@1.2.16: + resolution: {integrity: sha512-bWvlMpFKiTfDKfnK7FC2MPgPeWCf/Kpwsq49ApdW+FQaBZb6O6dZ4MAPbPUjp7hYQrw/RobqCzn64BRrQecGHw==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + rope-sequence@1.3.4: + resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==} + + saxes@6.0.0: + resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} + engines: {node: '>=v12.22.7'} + + scheduler@0.28.0: + resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==} + + semver@6.3.2: + resolution: {integrity: sha512-GYrCADwpu6yV5OAvchkQ27Z5wwMxWAEMg5NNWjyHh/5DboFFqbdbvYNIvZouQpxXyeMPoTOh0vdPYKlf0ZswdQ==} + hasBin: true + + semver@7.8.6: + resolution: {integrity: sha512-9lpSSU4Mly3mrtruwLs1eLK6+gzbzqeBFwRNjIjE+9LuDpWdYctrQlQ3ej1Ilgi7gknpsTRnPoLP8DpCHqHIJw==} + engines: {node: '>=10'} + hasBin: true + + shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + + shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + side-channel-list@1.0.1: + resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==} + engines: {node: '>= 0.4'} + + side-channel-map@1.0.1: + resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==} + engines: {node: '>= 0.4'} + + side-channel-weakmap@1.0.2: + resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==} + engines: {node: '>= 0.4'} + + side-channel@1.1.1: + resolution: {integrity: sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==} + engines: {node: '>= 0.4'} + + signature_pad@5.1.4: + resolution: {integrity: sha512-q0wO5a+U+AWPVcVmiNXz7FY4Ad1QiE8wto/3Yn41WVqepoVVYMvkb1CTokaWPUUAHWDLLabH3/acODeWM9jCrg==} + + sonner@2.0.8: + resolution: {integrity: sha512-UM/ByIoFra8yzV75n1o0Puu0bw5U/9UNnDacrJNspekBewIfsQ3D6ez1nvlWpt7aTsO6rujQtifBpycwIivqlg==} + peerDependencies: + '@types/react': ^18.0.0 || ^19.0.0 + react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc + react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + source-map-js@1.2.2: + resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==} + engines: {node: '>=0.10.0'} + + std-env@4.3.0: + resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==} + + strip-indent@3.0.0: + resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==} + engines: {node: '>=8'} + + tailwind-merge@3.7.0: + resolution: {integrity: sha512-XPPUyAc+cvspz3lHTcR/QgPfW2A0lv/xQNIjX3HGhLR+Nq2lHaLq5MtTesHn8GUr3W3DguT2KT5x3NVgRtYwmA==} + + tailwindcss@4.3.4: + resolution: {integrity: sha512-PCJZTFFdG+sL3gvnP1Do9o6GbkvH2q0p04xSs3f7cSvmAeK+sttG+/7ncK1fdRwKFfC7n+wDDJaOMBSefkI9ow==} + + tinybench@6.2.3: + resolution: {integrity: sha512-Al01C2JIBnO2CXCAPbpAl6sUiOZHeThGtHYNTa51JRw9PyWOCdr+9Ong05R4qg/Sk3+H645E8ov1h2c58ityNw==} + engines: {node: '>=20.0.0'} + + tinyexec@1.3.1: + resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==} + engines: {node: '>=18'} + + tinyglobby@0.2.17: + resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==} + engines: {node: '>=12.0.0'} + + tinyrainbow@3.2.0: + resolution: {integrity: sha512-LgO3D9yZJjApUiuUfl9iFAwrtaX4+lok3wJIqttGoKCHlWUqHqbQpnxCf82L8FjgKsh4iGo78hqJwgL8F6To2A==} + engines: {node: '>=14.0.0'} + + tldts-core@7.4.20: + resolution: {integrity: sha512-C630TWXZCZmLq0F2bW4QqwnaaxCQ/svpAqvJwnC4JvgEM5ohhBnGsEzTLSOXcN+xjz+kEaHS5uoWIw2klnqd0A==} + + tldts@7.4.19: + resolution: {integrity: sha512-48dH6aSpQnpbzDUc4vIQZ1VjB8tkK+e8c1yx05/SZK+rkssgjEOlxDd/yU8/a4vGYQ9vRgJr9dwMq9TJ0b3X2Q==} + hasBin: true + + tough-cookie@6.0.2: + resolution: {integrity: sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==} + engines: {node: '>=16'} + + tr46@7.0.0: + resolution: {integrity: sha512-BcDSDW+SIGWVOns1Zm6Yg91q9AEj7eaID0QDY9oIqJD1A8dscNwMcl9Sms2DeuWCNov1X0/oXanHGYQBSLwZsg==} + engines: {node: ^22.14.0 || >=24.0.0} + + ts-api-utils@2.5.0: + resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==} + engines: {node: '>=18.12'} + peerDependencies: + typescript: '>=4.8.4' + + tslib@2.9.1: + resolution: {integrity: sha512-a4Ux9VKuIMHsOS7ENbEq6hK2ZGYIT27Rtl0E4eD9KqwxhKiQeMZE/9xb3IdYwWaSOyIBQLExhQgXDTYoiCxnWA==} + + tw-animate-css@1.4.0: + resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==} + + type-check@0.4.0: + resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} + engines: {node: '>= 0.8.0'} + + typescript-eslint@8.72.1: + resolution: {integrity: sha512-3Li9FfPmQp45nxEtFD1ZCrYFI3cYK5kpyNtmm1H7lMagm8u9sy6PTjy3ytwQZs7KNukOyKFHAZ6z6GjYFeaeXw==} + engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + peerDependencies: + eslint: ^8.57.0 || ^9.0.0 || ^10.0.0 + typescript: '>=4.8.4 <6.1.0' + + typescript@6.0.3: + resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==} + engines: {node: '>=14.17'} + hasBin: true + + undici-types@8.9.0: + resolution: {integrity: sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==} + + undici@8.12.4: + resolution: {integrity: sha512-8Mx+uNKKER2bA4AdtedkqRbwUCIJFr2nJckXRe5yrDqzePqwLP7VNcctN8/XdmDSbF7mS+jJKIszlL+vbam1VA==} + engines: {node: '>=22.19.0'} + + update-browserslist-db@1.3.4: + resolution: {integrity: sha512-t8wonIOdQyOjtPd2VktlBu6QjTVTks6v8bSi7kd0r2Vll8TK1JYDZtRRdbmCHOAMphkZgrzK+L+vXK4pyZ8t4A==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + + uqr@0.1.3: + resolution: {integrity: sha512-0rjE8iEJe4YmT9TOhwsZtqCMRLc5DXZUI2UEYUUg63ikBkqqE5EYWaI0etFe/5KUcmcYwLih2RND1kq+hrUJXA==} + + uri-js@4.4.1: + resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} + + use-callback-ref@1.3.3: + resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==} + engines: {node: '>=10'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + use-sidecar@1.1.3: + resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==} + engines: {node: '>=10'} + peerDependencies: + '@types/react': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc + peerDependenciesMeta: + '@types/react': + optional: true + + use-sync-external-store@1.7.0: + resolution: {integrity: sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + vaul@1.1.2: + resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==} + peerDependencies: + react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc + react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc + + vite@8.3.6: + resolution: {integrity: sha512-UI7dK29NnS54Fk+mmo7o+jI6U8Fp7hDl+X5Q1k45WH+d4dSlbLVUETGQ+hfkNgvLQGyoElPj837nZyv4MBc0VA==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + peerDependencies: + '@types/node': ^20.19.0 || >=22.12.0 + '@vitejs/devtools': ^0.7.1 || ^0.8.0 + esbuild: ^0.27.0 || ^0.28.0 + jiti: '>=1.21.0' + less: ^4.0.0 + sass: ^1.70.0 + sass-embedded: ^1.70.0 + stylus: '>=0.54.8' + sugarss: ^5.0.0 + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + '@vitejs/devtools': + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + vitest@5.1.0: + resolution: {integrity: sha512-MzmNFnrwa8v8lF1bLxw3UJ4EREwVOVb75VqJZmUDRjJ6EluK/x9th7qTbaeDk41WxE1GxWqmTXcdsfobfH5sOA==} + engines: {node: ^22.12.0 || ^24.0.0 || >=26.0.0} + hasBin: true + peerDependencies: + '@edge-runtime/vm': '*' + '@opentelemetry/api': ^1.9.0 + '@types/node': ^22.0.0 || >=24.0.0 + '@vitest/browser-playwright': 5.1.0 + '@vitest/browser-preview': 5.1.0 + '@vitest/browser-webdriverio': ^5.0.0-beta.5 || >=5.0.0 + '@vitest/coverage-istanbul': 5.1.0 + '@vitest/coverage-v8': 5.1.0 + '@vitest/ui': 5.1.0 + happy-dom: '*' + jsdom: '*' + vite: ^6.4.0 || ^7.0.0 || ^8.0.0 + peerDependenciesMeta: + '@edge-runtime/vm': + optional: true + '@opentelemetry/api': + optional: true + '@types/node': + optional: true + '@vitest/browser-playwright': + optional: true + '@vitest/browser-preview': + optional: true + '@vitest/browser-webdriverio': + optional: true + '@vitest/coverage-istanbul': + optional: true + '@vitest/coverage-v8': + optional: true + '@vitest/ui': + optional: true + happy-dom: + optional: true + jsdom: + optional: true + + w3c-keyname@2.2.8: + resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==} + + w3c-xmlserializer@6.0.0: + resolution: {integrity: sha512-4Nsy8K5Tr6SPDH9jhKJOHf7ChDrc1zufZTVSF7x72hwuEXBqxqk9G6cK+K2NRUtB3iELRJqjXb4JPDMBjMTl2Q==} + engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0} + + webidl-conversions@8.0.1: + resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==} + engines: {node: '>=20'} + + whatwg-mimetype@5.0.0: + resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==} + engines: {node: '>=20'} + + whatwg-url@17.3.0: + resolution: {integrity: sha512-KwOAJrpf+GTgBvcBQJcP38sMF0DsQKdwtG+TxM2pW44P6E5k0hDbWrDmyuJDIF0Uef0aQq0ZoJs+5oI+k8ddhg==} + engines: {node: ^22.14.0 || >=24.0.0} + + which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + + why-is-node-running@3.2.1: + resolution: {integrity: sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==} + engines: {node: '>=20.11'} + hasBin: true + + word-wrap@1.2.5: + resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==} + engines: {node: '>=0.10.0'} + + xml-name-validator@5.0.0: + resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==} + engines: {node: '>=18'} + + xmlchars@2.2.0: + resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==} + + yallist@3.1.1: + resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} + + yet-another-react-lightbox@3.33.0: + resolution: {integrity: sha512-RxN9wjx6W8mgNf7scD1XBnieXqp8EUHZUPZf+DiALNcQb2JcVkVBH7l03e7jPmTx0xiMcf4N1qh/QBbQAG2kRg==} + engines: {node: '>=14'} + peerDependencies: + '@types/react': ^16 || ^17 || ^18 || ^19 + '@types/react-dom': ^16 || ^17 || ^18 || ^19 + react: ^16.8.0 || ^17 || ^18 || ^19 + react-dom: ^16.8.0 || ^17 || ^18 || ^19 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + + yocto-queue@0.1.0: + resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} + engines: {node: '>=10'} + + zod-validation-error@4.0.2: + resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==} + engines: {node: '>=18.0.0'} + peerDependencies: + zod: ^3.25.0 || ^4.0.0 + + zod@4.6.7: + resolution: {integrity: sha512-g8W2D2kU6a8untc053fX1uVBKzM7yqAxW/3zwk83+6RyF2+SKOuV+c0wBDhUwzV1PaGapmZH+rmcUzPf+3CGwg==} + +snapshots: + + '@adobe/css-tools@4.5.0': {} + + '@asamuzakjp/css-color@7.1.9': + dependencies: + '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2) + '@csstools/css-color-parser': 4.2.7(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2) + '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2) + '@csstools/css-tokenizer': 4.0.2 + lru-cache: 11.5.3 + + '@asamuzakjp/dom-selector@10.0.5': + dependencies: + bidi-js: 1.1.0 + css-tree: 3.2.1 + is-potential-custom-element-name: 1.0.1 + lru-cache: 11.5.3 + + '@babel/code-frame@7.29.7': + dependencies: + '@babel/helper-validator-identifier': 7.29.7 + js-tokens: 4.0.0 + picocolors: 1.1.1 + + '@babel/compat-data@7.29.7': {} + + '@babel/core@7.29.13': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/generator': 7.29.13 + '@babel/helper-compilation-targets': 7.29.13 + '@babel/helper-module-transforms': 7.29.13(@babel/core@7.29.13) + '@babel/helpers': 7.29.13 + '@babel/parser': 7.29.13 + '@babel/template': 7.29.7 + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + '@jridgewell/remapping': 2.3.5 + convert-source-map: 2.0.0 + debug: 4.4.3 + gensync: 1.0.0-beta.2 + json5: 2.2.3 + semver: 6.3.2 + transitivePeerDependencies: + - supports-color + + '@babel/generator@7.29.13': + dependencies: + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + jsesc: 3.1.0 + + '@babel/helper-compilation-targets@7.29.13': + dependencies: + '@babel/compat-data': 7.29.7 + '@babel/helper-validator-option': 7.29.7 + browserslist: 4.29.5 + lru-cache: 5.1.1 + semver: 6.3.2 + + '@babel/helper-globals@7.29.7': {} + + '@babel/helper-module-imports@7.29.7': + dependencies: + '@babel/traverse': 7.29.13 + '@babel/types': 7.29.11 + transitivePeerDependencies: + - supports-color + + '@babel/helper-module-transforms@7.29.13(@babel/core@7.29.13)': + dependencies: + '@babel/core': 7.29.13 + '@babel/helper-module-imports': 7.29.7 + '@babel/helper-validator-identifier': 7.29.7 + '@babel/traverse': 7.29.13 + transitivePeerDependencies: + - supports-color + + '@babel/helper-string-parser@7.29.13': {} + + '@babel/helper-validator-identifier@7.29.7': {} + + '@babel/helper-validator-option@7.29.7': {} + + '@babel/helpers@7.29.13': + dependencies: + '@babel/template': 7.29.7 + '@babel/types': 7.29.11 + + '@babel/parser@7.29.13': + dependencies: + '@babel/types': 7.29.11 + + '@babel/runtime@7.29.13': {} + + '@babel/template@7.29.7': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + + '@babel/traverse@7.29.13': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/generator': 7.29.13 + '@babel/helper-globals': 7.29.7 + '@babel/parser': 7.29.13 + '@babel/template': 7.29.7 + '@babel/types': 7.29.11 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + '@babel/types@7.29.11': + dependencies: + '@babel/helper-string-parser': 7.29.13 + '@babel/helper-validator-identifier': 7.29.7 + + '@bcoe/v8-coverage@1.0.2': {} + + '@bramus/specificity@2.4.3': + dependencies: + css-tree: 3.2.1 + + '@cacheable/memory@2.2.0': + dependencies: + '@cacheable/utils': 2.5.0 + '@keyv/bigmap': 1.3.1(keyv@5.6.0) + hookified: 1.15.1 + keyv: 5.6.0 + + '@cacheable/utils@2.5.0': + dependencies: + hashery: 1.5.1 + keyv: 5.6.0 + + '@csstools/color-helpers@6.1.2': {} + + '@csstools/css-calc@3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)': + dependencies: + '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2) + '@csstools/css-tokenizer': 4.0.2 + + '@csstools/css-color-parser@4.2.7(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)': + dependencies: + '@csstools/color-helpers': 6.1.2 + '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2) + '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2) + '@csstools/css-tokenizer': 4.0.2 + + '@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2)': + dependencies: + '@csstools/css-tokenizer': 4.0.2 + + '@csstools/css-syntax-patches-for-csstree@1.1.16(css-tree@3.2.1)': + optionalDependencies: + css-tree: 3.2.1 + + '@csstools/css-tokenizer@4.0.2': {} + + '@date-fns/tz@1.5.0': {} + + '@dnd-kit/abstract@0.5.3': + dependencies: + '@dnd-kit/geometry': 0.5.3 + '@dnd-kit/state': 0.5.3 + tslib: 2.9.1 + + '@dnd-kit/collision@0.5.3': + dependencies: + '@dnd-kit/abstract': 0.5.3 + '@dnd-kit/geometry': 0.5.3 + tslib: 2.9.1 + + '@dnd-kit/dom@0.5.3': + dependencies: + '@dnd-kit/abstract': 0.5.3 + '@dnd-kit/collision': 0.5.3 + '@dnd-kit/geometry': 0.5.3 + '@dnd-kit/state': 0.5.3 + tslib: 2.9.1 + + '@dnd-kit/geometry@0.5.3': + dependencies: + '@dnd-kit/state': 0.5.3 + tslib: 2.9.1 + + '@dnd-kit/helpers@0.5.3': + dependencies: + '@dnd-kit/abstract': 0.5.3 + tslib: 2.9.1 + + '@dnd-kit/react@0.5.3(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@dnd-kit/abstract': 0.5.3 + '@dnd-kit/dom': 0.5.3 + '@dnd-kit/state': 0.5.3 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + tslib: 2.9.1 + + '@dnd-kit/state@0.5.3': + dependencies: + '@preact/signals-core': 1.14.5 + tslib: 2.9.1 + + '@eslint-community/eslint-utils@4.10.1(eslint@10.14.0)': + dependencies: + eslint: 10.14.0 + eslint-visitor-keys: 3.4.3 + + '@eslint-community/regexpp@4.12.2': {} + + '@eslint/config-array@0.23.5': + dependencies: + '@eslint/object-schema': 3.0.5 + debug: 4.4.3 + minimatch: 10.2.6 + transitivePeerDependencies: + - supports-color + + '@eslint/config-helpers@0.7.0': + dependencies: + '@eslint/core': 1.2.1 + + '@eslint/core@1.2.1': + dependencies: + '@types/json-schema': 7.0.15 + + '@eslint/js@10.0.1(eslint@10.14.0)': + optionalDependencies: + eslint: 10.14.0 + + '@eslint/object-schema@3.0.5': {} + + '@eslint/plugin-kit@0.7.3': + dependencies: + '@eslint/core': 1.2.1 + levn: 0.4.1 + + '@exodus/bytes@1.16.0': {} + + '@floating-ui/core@1.8.0': + dependencies: + '@floating-ui/utils': 0.2.12 + + '@floating-ui/dom@1.8.0': + dependencies: + '@floating-ui/core': 1.8.0 + '@floating-ui/utils': 0.2.12 + + '@floating-ui/react-dom@2.1.9(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@floating-ui/dom': 1.8.0 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + '@floating-ui/utils@0.2.12': {} + + '@humanfs/core@0.19.2': + dependencies: + '@humanfs/types': 0.15.0 + + '@humanfs/node@0.16.8': + dependencies: + '@humanfs/core': 0.19.2 + '@humanfs/types': 0.15.0 + '@humanwhocodes/retry': 0.4.3 + + '@humanfs/types@0.15.0': {} + + '@humanwhocodes/module-importer@1.0.1': {} + + '@humanwhocodes/retry@0.4.3': {} + + '@inertiajs/core@2.3.29': + dependencies: + '@types/lodash-es': 4.17.12 + axios: 1.21.0 + laravel-precognition: 1.0.2 + lodash-es: 4.18.1 + qs: 6.17.1 + transitivePeerDependencies: + - debug + - supports-color + + '@inertiajs/react@2.3.29(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@inertiajs/core': 2.3.29 + '@types/lodash-es': 4.17.12 + laravel-precognition: 1.0.2 + lodash-es: 4.18.1 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + transitivePeerDependencies: + - debug + - supports-color + + '@internationalized/date@3.12.4': + dependencies: + '@swc/helpers': 0.5.24 + + '@internationalized/number@3.6.9': + dependencies: + '@swc/helpers': 0.5.24 + + '@internationalized/string@3.2.10': + dependencies: + '@swc/helpers': 0.5.24 + + '@javaabu/forms@https://codeload.github.com/Javaabu/react-forms/tar.gz/9ba003a130a02bc5411a1e257c66a6c504a77d21(@inertiajs/react@2.3.29(react-dom@19.3.1(react@19.3.1))(react@19.3.1))(@javaabu/onu@0.2.1(1c2ac2f8f52c2bb825f5b21da11120c6))(@testing-library/react@16.3.3(@testing-library/dom@10.4.2)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1))(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@javaabu/i18n': https://codeload.github.com/Javaabu/i18n/tar.gz/76730212d6f0f1d87a78635ed6e005dd5713cbba(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@inertiajs/react': 2.3.29(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@javaabu/onu': 0.2.1(1c2ac2f8f52c2bb825f5b21da11120c6) + '@testing-library/react': 16.3.3(@testing-library/dom@10.4.2)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + transitivePeerDependencies: + - vue + + '@javaabu/i18n@https://codeload.github.com/Javaabu/i18n/tar.gz/76730212d6f0f1d87a78635ed6e005dd5713cbba(react@19.3.1)': + optionalDependencies: + react: 19.3.1 + + '@javaabu/onu@0.2.1(1c2ac2f8f52c2bb825f5b21da11120c6)': + dependencies: + '@dnd-kit/dom': 0.5.3 + '@dnd-kit/helpers': 0.5.3 + '@dnd-kit/react': 0.5.3(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@internationalized/date': 3.12.4 + '@sindresorhus/slugify': 3.0.1 + '@tanstack/react-query': 5.106.1(@types/react@19.3.0)(react@19.3.1) + '@tanstack/react-table': 9.3.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tanstack/react-virtual': 3.14.26(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + class-variance-authority: 0.7.1 + clsx: 2.1.1 + cmdk: 1.1.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + date-fns: 4.4.0 + embla-carousel-react: 8.6.0(react@19.3.1) + input-otp: 1.5.0(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + lucide-react: 1.69.0(@types/react@19.3.0)(react@19.3.1) + radix-ui: 1.8.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-aria-components: 1.22.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react-day-picker: 10.0.2(@types/react@19.3.0)(react@19.3.1) + react-dom: 19.3.1(react@19.3.1) + react-hook-form: 7.91.0(@types/react@19.3.0)(react@19.3.1) + react-phone-number-input: 3.4.18(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + sonner: 2.0.8(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + tailwind-merge: 3.7.0 + tailwindcss: 4.3.4 + tw-animate-css: 1.4.0 + uqr: 0.1.3 + vaul: 1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + optionalDependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/extension-image': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-placeholder': 3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-table': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-text-align': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/pm': 3.32.3 + '@tiptap/react': 3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tiptap/starter-kit': 3.32.3 + '@tiptap/static-renderer': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tiptap/suggestion': 3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + media-chrome: 4.19.4(react@19.3.1) + react-easy-crop: 6.2.4(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + signature_pad: 5.1.4 + yet-another-react-lightbox: 3.33.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + transitivePeerDependencies: + - '@types/react' + - '@types/react-dom' + + '@jridgewell/gen-mapping@0.3.13': + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/remapping@2.3.5': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/resolve-uri@3.1.2': {} + + '@jridgewell/sourcemap-codec@1.6.0': {} + + '@jridgewell/trace-mapping@0.3.31': + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.6.0 + + '@keyv/bigmap@1.3.1(keyv@5.6.0)': + dependencies: + hashery: 1.5.1 + hookified: 1.15.1 + keyv: 5.6.0 + + '@keyv/serialize@1.1.1': {} + + '@oxc-project/types@0.156.0': {} + + '@preact/signals-core@1.14.5': {} + + '@radix-ui/number@1.1.3': {} + + '@radix-ui/primitive@1.2.0': {} + + '@radix-ui/react-accessible-icon@1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-accordion@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collapsible': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-alert-dialog@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dialog': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-arrow@1.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-aspect-ratio@1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-avatar@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-checkbox@1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-collapsible@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-collection@1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-compose-refs@1.1.5(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-context-menu@2.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-menu': 2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-context@1.3.0(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-dialog@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-guards': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + aria-hidden: 1.2.6 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + react-remove-scroll: 2.7.2(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-direction@1.2.0(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-dismissable-layer@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-dropdown-menu@2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-menu': 2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-focus-guards@1.2.0(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-focus-scope@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-form@0.3.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-label': 2.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-hover-card@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-id@1.1.4(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-label@2.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-menu@2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-guards': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + aria-hidden: 1.2.6 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + react-remove-scroll: 2.7.2(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-menubar@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-menu': 2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-navigation-menu@1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-previous': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-one-time-password-field@0.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/number': 1.1.3 + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-password-toggle-field@0.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-popover@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-guards': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + aria-hidden: 1.2.6 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + react-remove-scroll: 2.7.2(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-popper@1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@floating-ui/react-dom': 2.1.9(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-arrow': 1.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-rect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/rect': 1.1.3 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-portal@1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-presence@1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-primitive@2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-progress@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-radio-group@1.5.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-roving-focus@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-scroll-area@1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/number': 1.1.3 + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-select@2.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/number': 1.1.3 + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-guards': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + aria-hidden: 1.2.6 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + react-remove-scroll: 2.7.2(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-separator@1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-slider@1.6.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/number': 1.1.3 + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-slot@1.5.0(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-switch@1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-tabs@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-toast@1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-toggle-group@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toggle': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-toggle@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-toolbar@1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-separator': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toggle-group': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-tooltip@1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/react-use-callback-ref@1.1.5(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-controllable-state@1.3.0(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-effect-event@0.0.5(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-escape-keydown@1.1.6(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-is-hydrated@0.1.3(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-layout-effect@1.1.4(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-previous@1.1.4(@types/react@19.3.0)(react@19.3.1)': + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-rect@1.1.4(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/rect': 1.1.3 + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-use-size@1.1.5(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@radix-ui/react-visually-hidden@1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@radix-ui/rect@1.1.3': {} + + '@react-types/shared@3.37.0(react@19.3.1)': + dependencies: + react: 19.3.1 + + '@rolldown/binding-android-arm-eabi@1.2.16': + optional: true + + '@rolldown/binding-android-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-arm64@1.2.16': + optional: true + + '@rolldown/binding-darwin-x64@1.2.16': + optional: true + + '@rolldown/binding-freebsd-x64@1.2.16': + optional: true + + '@rolldown/binding-linux-arm-gnueabihf@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-arm64-musl@1.2.16': + optional: true + + '@rolldown/binding-linux-ppc64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-s390x-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-gnu@1.2.16': + optional: true + + '@rolldown/binding-linux-x64-musl@1.2.16': + optional: true + + '@rolldown/binding-openharmony-arm64@1.2.16': + optional: true + + '@rolldown/binding-win32-arm64-msvc@1.2.16': + optional: true + + '@rolldown/binding-win32-x64-msvc@1.2.16': + optional: true + + '@rolldown/pluginutils@1.0.1': {} + + '@sindresorhus/slugify@3.0.1': + dependencies: + '@sindresorhus/transliterate': 2.3.1 + escape-string-regexp: 5.0.0 + + '@sindresorhus/transliterate@2.3.1': {} + + '@swc/helpers@0.5.24': {} + + '@tanstack/query-core@5.106.1': {} + + '@tanstack/react-query@5.106.1(@types/react@19.3.0)(react@19.3.1)': + dependencies: + '@tanstack/query-core': 5.106.1 + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + '@tanstack/react-store@0.11.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@tanstack/store': 0.11.2 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + use-sync-external-store: 1.7.0(react@19.3.1) + + '@tanstack/react-table@9.3.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@tanstack/react-store': 0.11.2(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@tanstack/table-core': 9.3.1 + react: 19.3.1 + transitivePeerDependencies: + - react-dom + + '@tanstack/react-virtual@3.14.26(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@tanstack/virtual-core': 3.19.11 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + '@tanstack/store@0.11.2': {} + + '@tanstack/table-core@9.3.1': + dependencies: + '@tanstack/store': 0.11.2 + + '@tanstack/virtual-core@3.19.11': {} + + '@testing-library/dom@10.4.2': + dependencies: + '@babel/code-frame': 7.29.7 + '@babel/runtime': 7.29.13 + '@types/aria-query': 5.0.4 + aria-query: 5.3.0 + dom-accessibility-api: 0.5.16 + lz-string: 1.5.0 + picocolors: 1.1.1 + pretty-format: 27.5.1 + + '@testing-library/jest-dom@7.0.1(@testing-library/dom@10.4.2)(vitest@5.1.0)': + dependencies: + '@adobe/css-tools': 4.5.0 + '@testing-library/dom': 10.4.2 + aria-query: 5.3.2 + css.escape: 1.5.1 + dom-accessibility-api: 0.6.3 + picocolors: 1.1.1 + redent: 3.0.0 + optionalDependencies: + vitest: 5.1.0(@types/node@26.6.6)(@vitest/coverage-v8@5.1.0)(jsdom@30.1.3)(vite@8.3.6(@types/node@26.6.6)) + + '@testing-library/react@16.3.3(@testing-library/dom@10.4.2)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@babel/runtime': 7.29.13 + '@testing-library/dom': 10.4.2 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + '@testing-library/user-event@14.6.8(@testing-library/dom@10.4.2)': + dependencies: + '@testing-library/dom': 10.4.2 + + '@tiptap/core@3.32.3(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-blockquote@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-bold@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-bubble-menu@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@floating-ui/dom': 1.8.0 + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + optional: true + + '@tiptap/extension-bullet-list@3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extension-list': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-code-block@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-code@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-document@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-dropcursor@3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extensions': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-floating-menu@3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@floating-ui/dom': 1.8.0 + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + optional: true + + '@tiptap/extension-gapcursor@3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extensions': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-hard-break@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-heading@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-horizontal-rule@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-image@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-italic@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-link@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + linkifyjs: 4.4.0 + + '@tiptap/extension-list-item@3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extension-list': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-list-keymap@3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extension-list': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-ordered-list@3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extension-list': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-paragraph@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-placeholder@3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/extensions': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + + '@tiptap/extension-strike@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-table@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/extension-text-align@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-text@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extension-underline@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + + '@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/pm@3.32.3': + dependencies: + prosemirror-changeset: 2.4.6 + prosemirror-commands: 1.7.2 + prosemirror-dropcursor: 1.8.4 + prosemirror-gapcursor: 1.4.1 + prosemirror-history: 1.5.1 + prosemirror-inputrules: 1.5.1 + prosemirror-keymap: 1.2.3 + prosemirror-model: 1.25.12 + prosemirror-schema-list: 1.6.0 + prosemirror-state: 1.4.4 + prosemirror-tables: 1.8.5 + prosemirror-transform: 1.12.5 + prosemirror-view: 1.42.9 + + '@tiptap/react@3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + '@types/use-sync-external-store': 0.0.6 + fast-equals: 5.4.5 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + use-sync-external-store: 1.7.0(react@19.3.1) + optionalDependencies: + '@tiptap/extension-bubble-menu': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-floating-menu': 3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + transitivePeerDependencies: + - '@floating-ui/dom' + + '@tiptap/starter-kit@3.32.3': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/extension-blockquote': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-bold': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-bullet-list': 3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-code': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-code-block': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-document': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-dropcursor': 3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-gapcursor': 3.32.3(@tiptap/extensions@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-hard-break': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-heading': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-horizontal-rule': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-italic': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-link': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-list': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/extension-list-item': 3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-list-keymap': 3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-ordered-list': 3.32.3(@tiptap/extension-list@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)) + '@tiptap/extension-paragraph': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-strike': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-text': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extension-underline': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3)) + '@tiptap/extensions': 3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@tiptap/static-renderer@3.32.3(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)': + dependencies: + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + '@tiptap/suggestion@3.32.3(@floating-ui/dom@1.8.0)(@tiptap/core@3.32.3(@tiptap/pm@3.32.3))(@tiptap/pm@3.32.3)': + dependencies: + '@floating-ui/dom': 1.8.0 + '@tiptap/core': 3.32.3(@tiptap/pm@3.32.3) + '@tiptap/pm': 3.32.3 + + '@types/aria-query@5.0.4': {} + + '@types/chai@5.2.3': + dependencies: + '@types/deep-eql': 4.0.2 + assertion-error: 2.0.1 + + '@types/deep-eql@4.0.2': {} + + '@types/esrecurse@4.3.1': {} + + '@types/estree@1.0.10': {} + + '@types/json-schema@7.0.15': {} + + '@types/lodash-es@4.17.12': + dependencies: + '@types/lodash': 4.17.27 + + '@types/lodash@4.17.27': {} + + '@types/node@26.6.6': + dependencies: + undici-types: 8.9.0 + + '@types/react-dom@19.3.0(@types/react@19.3.0)': + dependencies: + '@types/react': 19.3.0 + + '@types/react@19.3.0': + dependencies: + csstype: 3.2.3 + + '@types/use-sync-external-store@0.0.6': {} + + '@typescript-eslint/eslint-plugin@8.72.1(@typescript-eslint/parser@8.72.1(eslint@10.14.0)(typescript@6.0.3))(eslint@10.14.0)(typescript@6.0.3)': + dependencies: + '@eslint-community/regexpp': 4.12.2 + '@typescript-eslint/parser': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + '@typescript-eslint/scope-manager': 8.72.1 + '@typescript-eslint/type-utils': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + '@typescript-eslint/utils': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + '@typescript-eslint/visitor-keys': 8.72.1 + eslint: 10.14.0 + ignore: 7.0.14 + natural-compare: 1.4.0 + ts-api-utils: 2.5.0(typescript@6.0.3) + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/parser@8.72.1(eslint@10.14.0)(typescript@6.0.3)': + dependencies: + '@typescript-eslint/scope-manager': 8.72.1 + '@typescript-eslint/types': 8.72.1 + '@typescript-eslint/typescript-estree': 8.72.1(typescript@6.0.3) + '@typescript-eslint/visitor-keys': 8.72.1 + debug: 4.4.3 + eslint: 10.14.0 + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/project-service@8.72.1(typescript@6.0.3)': + dependencies: + '@typescript-eslint/tsconfig-utils': 8.72.1(typescript@6.0.3) + '@typescript-eslint/types': 8.72.1 + debug: 4.4.3 + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/scope-manager@8.72.1': + dependencies: + '@typescript-eslint/types': 8.72.1 + '@typescript-eslint/visitor-keys': 8.72.1 + + '@typescript-eslint/tsconfig-utils@8.72.1(typescript@6.0.3)': + dependencies: + typescript: 6.0.3 + + '@typescript-eslint/type-utils@8.72.1(eslint@10.14.0)(typescript@6.0.3)': + dependencies: + '@typescript-eslint/types': 8.72.1 + '@typescript-eslint/typescript-estree': 8.72.1(typescript@6.0.3) + '@typescript-eslint/utils': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + debug: 4.4.3 + eslint: 10.14.0 + ts-api-utils: 2.5.0(typescript@6.0.3) + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/types@8.72.1': {} + + '@typescript-eslint/typescript-estree@8.72.1(typescript@6.0.3)': + dependencies: + '@typescript-eslint/project-service': 8.72.1(typescript@6.0.3) + '@typescript-eslint/tsconfig-utils': 8.72.1(typescript@6.0.3) + '@typescript-eslint/types': 8.72.1 + '@typescript-eslint/visitor-keys': 8.72.1 + debug: 4.4.3 + minimatch: 10.2.6 + semver: 7.8.6 + tinyglobby: 0.2.17 + ts-api-utils: 2.5.0(typescript@6.0.3) + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/utils@8.72.1(eslint@10.14.0)(typescript@6.0.3)': + dependencies: + '@eslint-community/eslint-utils': 4.10.1(eslint@10.14.0) + '@typescript-eslint/scope-manager': 8.72.1 + '@typescript-eslint/types': 8.72.1 + '@typescript-eslint/typescript-estree': 8.72.1(typescript@6.0.3) + eslint: 10.14.0 + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + '@typescript-eslint/visitor-keys@8.72.1': + dependencies: + '@typescript-eslint/types': 8.72.1 + eslint-visitor-keys: 5.0.1 + + '@vitest/coverage-v8@5.1.0(vitest@5.1.0)': + dependencies: + '@bcoe/v8-coverage': 1.0.2 + '@vitest/istanbul-lib-coverage': 2.1.0 + '@vitest/istanbul-lib-report': 2.1.0 + ast-v8-to-istanbul: 1.0.7 + magicast: 0.5.5 + obug: 3.0.0 + std-env: 4.3.0 + tinyrainbow: 3.2.0 + vitest: 5.1.0(@types/node@26.6.6)(@vitest/coverage-v8@5.1.0)(jsdom@30.1.3)(vite@8.3.6(@types/node@26.6.6)) + + '@vitest/istanbul-lib-coverage@2.1.0': {} + + '@vitest/istanbul-lib-report@2.1.0': + dependencies: + '@vitest/istanbul-lib-coverage': 2.1.0 + + '@vitest/mocker@5.1.0(vite@8.3.6(@types/node@26.6.6))': + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + '@vitest/spy': 5.1.0 + estree-walker: 3.0.3 + magic-string: 1.4.5 + optionalDependencies: + vite: 8.3.6(@types/node@26.6.6) + + '@vitest/spy@5.1.0': {} + + acorn-jsx@5.3.2(acorn@8.19.0): + dependencies: + acorn: 8.19.0 + + acorn@8.19.0: {} + + agent-base@6.0.2: + dependencies: + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + ajv@6.15.0: + dependencies: + fast-deep-equal: 3.1.3 + fast-json-stable-stringify: 2.1.0 + json-schema-traverse: 0.4.1 + uri-js: 4.4.1 + + ansi-regex@5.0.1: {} + + ansi-styles@5.2.0: {} + + aria-hidden@1.2.6: + dependencies: + tslib: 2.9.1 + + aria-query@5.3.0: + dependencies: + dequal: 2.0.3 + + aria-query@5.3.2: {} + + assertion-error@2.0.1: {} + + ast-v8-to-istanbul@1.0.7: + dependencies: + '@jridgewell/trace-mapping': 0.3.31 + estree-walker: 3.0.3 + js-tokens: 10.0.0 + + asynckit@0.4.0: {} + + axios@1.21.0: + dependencies: + follow-redirects: 1.16.2 + form-data: 4.0.6 + https-proxy-agent: 5.0.1 + proxy-from-env: 2.1.0 + transitivePeerDependencies: + - debug + - supports-color + + balanced-match@4.0.4: {} + + baseline-browser-mapping@2.11.35: {} + + bidi-js@1.1.0: + dependencies: + require-from-string: 2.0.2 + + brace-expansion@5.0.12: + dependencies: + balanced-match: 4.0.4 + + browserslist@4.29.5: + dependencies: + baseline-browser-mapping: 2.11.35 + caniuse-lite: 1.0.30001822 + electron-to-chromium: 1.5.477 + node-releases: 2.0.63 + update-browserslist-db: 1.3.4(browserslist@4.29.5) + + cacheable@2.5.0: + dependencies: + '@cacheable/memory': 2.2.0 + '@cacheable/utils': 2.5.0 + hookified: 1.15.1 + keyv: 5.6.0 + qified: 0.10.1 + + call-bind-apply-helpers@1.0.2: + dependencies: + es-errors: 1.3.0 + function-bind: 1.1.2 + + call-bound@1.0.4: + dependencies: + call-bind-apply-helpers: 1.0.2 + get-intrinsic: 1.3.0 + + caniuse-lite@1.0.30001822: {} + + ce-la-react@0.3.2(react@19.3.1): + dependencies: + react: 19.3.1 + + chai@6.3.0: {} + + class-variance-authority@0.7.1: + dependencies: + clsx: 2.1.1 + + classnames@2.5.1: {} + + client-only@0.0.1: {} + + clsx@2.1.1: {} + + cmdk@1.1.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dialog': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-id': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + transitivePeerDependencies: + - '@types/react' + - '@types/react-dom' + + combined-stream@1.0.8: + dependencies: + delayed-stream: 1.0.0 + + convert-source-map@2.0.0: {} + + country-flag-icons@1.6.20: {} + + cropperjs@1.7.0: {} + + cross-spawn@7.0.6: + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + + css-tree@3.2.1: + dependencies: + mdn-data: 2.27.1 + source-map-js: 1.2.2 + + css.escape@1.5.1: {} + + csstype@3.2.3: {} + + data-urls@8.0.0: + dependencies: + whatwg-mimetype: 5.0.0 + whatwg-url: 17.3.0 + transitivePeerDependencies: + - '@noble/hashes' + + date-fns@4.4.0: {} + + debug@4.4.3: + dependencies: + ms: 2.1.3 + + decimal.js@10.6.0: {} + + deep-is@0.1.4: {} + + delayed-stream@1.0.0: {} + + dequal@2.0.3: {} + + detect-libc@2.1.2: {} + + detect-node-es@1.1.0: {} + + dom-accessibility-api@0.5.16: {} + + dom-accessibility-api@0.6.3: {} + + dunder-proto@1.0.1: + dependencies: + call-bind-apply-helpers: 1.0.2 + es-errors: 1.3.0 + gopd: 1.2.0 + + electron-to-chromium@1.5.477: {} + + embla-carousel-react@8.6.0(react@19.3.1): + dependencies: + embla-carousel: 8.6.0 + embla-carousel-reactive-utils: 8.6.0(embla-carousel@8.6.0) + react: 19.3.1 + + embla-carousel-reactive-utils@8.6.0(embla-carousel@8.6.0): + dependencies: + embla-carousel: 8.6.0 + + embla-carousel@8.6.0: {} + + entities@9.0.0: {} + + es-define-property@1.0.1: {} + + es-errors@1.3.0: {} + + es-module-lexer@2.3.2: {} + + es-object-atoms@1.1.2: + dependencies: + es-errors: 1.3.0 + + es-set-tostringtag@2.1.0: + dependencies: + es-errors: 1.3.0 + get-intrinsic: 1.3.0 + has-tostringtag: 1.0.2 + hasown: 2.0.4 + + escalade@3.2.0: {} + + escape-string-regexp@4.0.0: {} + + escape-string-regexp@5.0.0: {} + + eslint-plugin-react-hooks@7.1.1(eslint@10.14.0): + dependencies: + '@babel/core': 7.29.13 + '@babel/parser': 7.29.13 + eslint: 10.14.0 + hermes-parser: 0.25.1 + zod: 4.6.7 + zod-validation-error: 4.0.2(zod@4.6.7) + transitivePeerDependencies: + - supports-color + + eslint-scope@9.1.2: + dependencies: + '@types/esrecurse': 4.3.1 + '@types/estree': 1.0.10 + esrecurse: 4.3.0 + estraverse: 5.3.0 + + eslint-visitor-keys@3.4.3: {} + + eslint-visitor-keys@5.0.1: {} + + eslint@10.14.0: + dependencies: + '@eslint-community/eslint-utils': 4.10.1(eslint@10.14.0) + '@eslint-community/regexpp': 4.12.2 + '@eslint/config-array': 0.23.5 + '@eslint/config-helpers': 0.7.0 + '@eslint/core': 1.2.1 + '@eslint/plugin-kit': 0.7.3 + '@humanfs/node': 0.16.8 + '@humanwhocodes/module-importer': 1.0.1 + '@humanwhocodes/retry': 0.4.3 + '@types/estree': 1.0.10 + ajv: 6.15.0 + cross-spawn: 7.0.6 + debug: 4.4.3 + escape-string-regexp: 4.0.0 + eslint-scope: 9.1.2 + eslint-visitor-keys: 5.0.1 + espree: 11.2.0 + esquery: 1.7.0 + esutils: 2.0.3 + fast-deep-equal: 3.1.3 + file-entry-cache: 11.1.5 + find-up: 5.0.0 + glob-parent: 6.0.2 + ignore: 5.3.2 + imurmurhash: 0.1.4 + is-glob: 4.0.3 + json-stable-stringify-without-jsonify: 1.0.1 + minimatch: 10.2.6 + natural-compare: 1.4.0 + optionator: 0.9.4 + transitivePeerDependencies: + - supports-color + + espree@11.2.0: + dependencies: + acorn: 8.19.0 + acorn-jsx: 5.3.2(acorn@8.19.0) + eslint-visitor-keys: 5.0.1 + + esquery@1.7.0: + dependencies: + estraverse: 5.3.0 + + esrecurse@4.3.0: + dependencies: + estraverse: 5.3.0 + + estraverse@5.3.0: {} + + estree-walker@3.0.3: + dependencies: + '@types/estree': 1.0.10 + + esutils@2.0.3: {} + + expect-type@1.4.0: {} + + fast-deep-equal@3.1.3: {} + + fast-equals@5.4.5: {} + + fast-json-stable-stringify@2.1.0: {} + + fast-levenshtein@2.0.6: {} + + fdir@6.5.0(picomatch@4.0.7): + optionalDependencies: + picomatch: 4.0.7 + + file-entry-cache@11.1.5: + dependencies: + flat-cache: 6.1.23 + + find-up@5.0.0: + dependencies: + locate-path: 6.0.0 + path-exists: 4.0.0 + + flat-cache@6.1.23: + dependencies: + cacheable: 2.5.0 + flatted: 3.4.4 + hookified: 1.15.1 + + flatted@3.4.4: {} + + follow-redirects@1.16.2: {} + + form-data@4.0.6: + dependencies: + asynckit: 0.4.0 + combined-stream: 1.0.8 + es-set-tostringtag: 2.1.0 + hasown: 2.0.4 + mime-types: 2.1.35 + + fsevents@2.3.3: + optional: true + + function-bind@1.1.2: {} + + gensync@1.0.0-beta.2: {} + + get-intrinsic@1.3.0: + dependencies: + call-bind-apply-helpers: 1.0.2 + es-define-property: 1.0.1 + es-errors: 1.3.0 + es-object-atoms: 1.1.2 + function-bind: 1.1.2 + get-proto: 1.0.1 + gopd: 1.2.0 + has-symbols: 1.1.0 + hasown: 2.0.4 + math-intrinsics: 1.1.0 + + get-nonce@1.0.1: {} + + get-proto@1.0.1: + dependencies: + dunder-proto: 1.0.1 + es-object-atoms: 1.1.2 + + glob-parent@6.0.2: + dependencies: + is-glob: 4.0.3 + + globals@17.14.0: {} + + gopd@1.2.0: {} + + has-symbols@1.1.0: {} + + has-tostringtag@1.0.2: + dependencies: + has-symbols: 1.1.0 + + hashery@1.5.1: + dependencies: + hookified: 1.15.1 + + hasown@2.0.4: + dependencies: + function-bind: 1.1.2 + + hermes-estree@0.25.1: {} + + hermes-parser@0.25.1: + dependencies: + hermes-estree: 0.25.1 + + hookified@1.15.1: {} + + hookified@2.2.0: {} + + html-encoding-sniffer@7.0.0: + dependencies: + '@exodus/bytes': 1.16.0 + transitivePeerDependencies: + - '@noble/hashes' + + https-proxy-agent@5.0.1: + dependencies: + agent-base: 6.0.2 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + ignore@5.3.2: {} + + ignore@7.0.14: {} + + imurmurhash@0.1.4: {} + + indent-string@4.0.0: {} + + input-format@0.3.14(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + prop-types: 15.8.1 + optionalDependencies: + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + input-otp@1.5.0(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + is-extglob@2.1.1: {} + + is-glob@4.0.3: + dependencies: + is-extglob: 2.1.1 + + is-potential-custom-element-name@1.0.1: {} + + isexe@2.0.0: {} + + js-tokens@10.0.0: {} + + js-tokens@4.0.0: {} + + jsdom@30.1.3: + dependencies: + '@asamuzakjp/css-color': 7.1.9 + '@asamuzakjp/dom-selector': 10.0.5 + '@bramus/specificity': 2.4.3 + '@csstools/css-syntax-patches-for-csstree': 1.1.16(css-tree@3.2.1) + '@exodus/bytes': 1.16.0 + css-tree: 3.2.1 + data-urls: 8.0.0 + decimal.js: 10.6.0 + html-encoding-sniffer: 7.0.0 + is-potential-custom-element-name: 1.0.1 + lru-cache: 11.5.3 + parse5: 8.1.0 + saxes: 6.0.0 + tough-cookie: 6.0.2 + undici: 8.12.4 + w3c-xmlserializer: 6.0.0 + webidl-conversions: 8.0.1 + whatwg-mimetype: 5.0.0 + whatwg-url: 17.3.0 + xml-name-validator: 5.0.0 + transitivePeerDependencies: + - '@noble/hashes' + + jsesc@3.1.0: {} + + json-schema-traverse@0.4.1: {} + + json-stable-stringify-without-jsonify@1.0.1: {} + + json5@2.2.3: {} + + keyv@5.6.0: + dependencies: + '@keyv/serialize': 1.1.1 + + laravel-precognition@1.0.2: + dependencies: + axios: 1.21.0 + lodash-es: 4.18.1 + transitivePeerDependencies: + - debug + - supports-color + + levn@0.4.1: + dependencies: + prelude-ls: 1.2.1 + type-check: 0.4.0 + + libphonenumber-js@1.13.15: {} + + lightningcss-android-arm64@1.33.0: + optional: true + + lightningcss-darwin-arm64@1.33.0: + optional: true + + lightningcss-darwin-x64@1.33.0: + optional: true + + lightningcss-freebsd-x64@1.33.0: + optional: true + + lightningcss-linux-arm-gnueabihf@1.33.0: + optional: true + + lightningcss-linux-arm64-gnu@1.33.0: + optional: true + + lightningcss-linux-arm64-musl@1.33.0: + optional: true + + lightningcss-linux-x64-gnu@1.33.0: + optional: true + + lightningcss-linux-x64-musl@1.33.0: + optional: true + + lightningcss-win32-arm64-msvc@1.33.0: + optional: true + + lightningcss-win32-x64-msvc@1.33.0: + optional: true + + lightningcss@1.33.0: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.33.0 + lightningcss-darwin-arm64: 1.33.0 + lightningcss-darwin-x64: 1.33.0 + lightningcss-freebsd-x64: 1.33.0 + lightningcss-linux-arm-gnueabihf: 1.33.0 + lightningcss-linux-arm64-gnu: 1.33.0 + lightningcss-linux-arm64-musl: 1.33.0 + lightningcss-linux-x64-gnu: 1.33.0 + lightningcss-linux-x64-musl: 1.33.0 + lightningcss-win32-arm64-msvc: 1.33.0 + lightningcss-win32-x64-msvc: 1.33.0 + + linkifyjs@4.4.0: {} + + locate-path@6.0.0: + dependencies: + p-locate: 5.0.0 + + lodash-es@4.18.1: {} + + loose-envify@1.4.0: + dependencies: + js-tokens: 4.0.0 + + lru-cache@11.5.3: {} + + lru-cache@5.1.1: + dependencies: + yallist: 3.1.1 + + lucide-react@1.69.0(@types/react@19.3.0)(react@19.3.1): + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + lz-string@1.5.0: {} + + magic-string@1.4.5: + dependencies: + '@jridgewell/sourcemap-codec': 1.6.0 + + magicast@0.5.5: + dependencies: + '@babel/parser': 7.29.13 + '@babel/types': 7.29.11 + source-map-js: 1.2.2 + + math-intrinsics@1.1.0: {} + + mdn-data@2.27.1: {} + + media-chrome@4.19.4(react@19.3.1): + dependencies: + ce-la-react: 0.3.2(react@19.3.1) + transitivePeerDependencies: + - react + + mime-db@1.52.0: {} + + mime-types@2.1.35: + dependencies: + mime-db: 1.52.0 + + min-indent@1.0.1: {} + + minimatch@10.2.6: + dependencies: + brace-expansion: 5.0.12 + + ms@2.1.3: {} + + nanoid@3.3.20: {} + + natural-compare@1.4.0: {} + + node-releases@2.0.63: {} + + normalize-wheel@1.0.1: {} + + object-assign@4.1.1: {} + + object-inspect@1.13.4: {} + + obug@3.0.0: {} + + optionator@0.9.4: + dependencies: + deep-is: 0.1.4 + fast-levenshtein: 2.0.6 + levn: 0.4.1 + prelude-ls: 1.2.1 + type-check: 0.4.0 + word-wrap: 1.2.5 + + orderedmap@2.1.1: {} + + p-limit@3.1.0: + dependencies: + yocto-queue: 0.1.0 + + p-locate@5.0.0: + dependencies: + p-limit: 3.1.0 + + parse5@8.1.0: + dependencies: + entities: 9.0.0 + + path-exists@4.0.0: {} + + path-key@3.1.1: {} + + picocolors@1.1.1: {} + + picomatch@4.0.7: {} + + postcss@8.5.32: + dependencies: + nanoid: 3.3.20 + picocolors: 1.1.1 + source-map-js: 1.2.2 + + prelude-ls@1.2.1: {} + + prettier@3.9.10: {} + + pretty-format@27.5.1: + dependencies: + ansi-regex: 5.0.1 + ansi-styles: 5.2.0 + react-is: 17.0.2 + + prop-types@15.8.1: + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + react-is: 16.13.1 + + prosemirror-changeset@2.4.6: + dependencies: + prosemirror-transform: 1.12.5 + + prosemirror-commands@1.7.2: + dependencies: + prosemirror-model: 1.25.12 + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + + prosemirror-dropcursor@1.8.4: + dependencies: + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + prosemirror-view: 1.42.9 + + prosemirror-gapcursor@1.4.1: + dependencies: + prosemirror-keymap: 1.2.3 + prosemirror-model: 1.25.12 + prosemirror-state: 1.4.4 + prosemirror-view: 1.42.9 + + prosemirror-history@1.5.1: + dependencies: + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + prosemirror-view: 1.42.9 + rope-sequence: 1.3.4 + + prosemirror-inputrules@1.5.1: + dependencies: + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + + prosemirror-keymap@1.2.3: + dependencies: + prosemirror-state: 1.4.4 + w3c-keyname: 2.2.8 + + prosemirror-model@1.25.12: + dependencies: + orderedmap: 2.1.1 + + prosemirror-schema-list@1.6.0: + dependencies: + prosemirror-model: 1.25.12 + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + + prosemirror-state@1.4.4: + dependencies: + prosemirror-model: 1.25.12 + prosemirror-transform: 1.12.5 + prosemirror-view: 1.42.9 + + prosemirror-tables@1.8.5: + dependencies: + prosemirror-keymap: 1.2.3 + prosemirror-model: 1.25.12 + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + prosemirror-view: 1.42.9 + + prosemirror-transform@1.12.5: + dependencies: + prosemirror-model: 1.25.12 + + prosemirror-view@1.42.9: + dependencies: + prosemirror-model: 1.25.12 + prosemirror-state: 1.4.4 + prosemirror-transform: 1.12.5 + + proxy-from-env@2.1.0: {} + + punycode@2.3.1: {} + + qified@0.10.1: + dependencies: + hookified: 2.2.0 + + qs@6.17.1: + dependencies: + es-define-property: 1.0.1 + side-channel: 1.1.1 + + radix-ui@1.8.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@radix-ui/primitive': 1.2.0 + '@radix-ui/react-accessible-icon': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-accordion': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-alert-dialog': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-arrow': 1.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-aspect-ratio': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-avatar': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-checkbox': 1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-collapsible': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-collection': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-context-menu': 2.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-dialog': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-direction': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-dismissable-layer': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-dropdown-menu': 2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-focus-guards': 1.2.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-focus-scope': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-form': 0.3.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-hover-card': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-label': 2.1.17(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-menu': 2.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-menubar': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-navigation-menu': 1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-one-time-password-field': 0.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-password-toggle-field': 0.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-popover': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-popper': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-portal': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-presence': 1.1.11(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-primitive': 2.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-progress': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-radio-group': 1.5.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-roving-focus': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-scroll-area': 1.4.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-select': 2.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-separator': 1.2.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slider': 1.6.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-slot': 1.5.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-switch': 1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-tabs': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toast': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toggle': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toggle-group': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-toolbar': 1.2.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-tooltip': 1.4.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + '@radix-ui/react-use-callback-ref': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-controllable-state': 1.3.0(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-escape-keydown': 1.1.6(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-is-hydrated': 0.1.3(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-use-size': 1.1.5(@types/react@19.3.0)(react@19.3.1) + '@radix-ui/react-visually-hidden': 1.2.13(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + react-aria-components@1.22.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@internationalized/date': 3.12.4 + '@internationalized/string': 3.2.10 + '@react-types/shared': 3.37.0(react@19.3.1) + '@swc/helpers': 0.5.24 + client-only: 0.0.1 + react: 19.3.1 + react-aria: 3.53.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react-dom: 19.3.1(react@19.3.1) + react-stately: 3.51.0(react@19.3.1) + use-sync-external-store: 1.7.0(react@19.3.1) + + react-aria@3.53.1(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@internationalized/date': 3.12.4 + '@internationalized/number': 3.6.9 + '@internationalized/string': 3.2.10 + '@react-types/shared': 3.37.0(react@19.3.1) + '@swc/helpers': 0.5.24 + aria-hidden: 1.2.6 + clsx: 2.1.1 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + react-stately: 3.51.0(react@19.3.1) + use-sync-external-store: 1.7.0(react@19.3.1) + + react-day-picker@10.0.2(@types/react@19.3.0)(react@19.3.1): + dependencies: + '@date-fns/tz': 1.5.0 + date-fns: 4.4.0 + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + react-dom@19.3.1(react@19.3.1): + dependencies: + react: 19.3.1 + scheduler: 0.28.0 + + react-easy-crop@6.2.4(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + normalize-wheel: 1.0.1 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + react-hook-form@7.91.0(@types/react@19.3.0)(react@19.3.1): + dependencies: + react: 19.3.1 + optionalDependencies: + '@types/react': 19.3.0 + + react-is@16.13.1: {} + + react-is@17.0.2: {} + + react-phone-number-input@3.4.18(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + classnames: 2.5.1 + country-flag-icons: 1.6.20 + input-format: 0.3.14(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + libphonenumber-js: 1.13.15 + prop-types: 15.8.1 + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + + react-remove-scroll-bar@2.3.8(@types/react@19.3.0)(react@19.3.1): + dependencies: + react: 19.3.1 + react-style-singleton: 2.2.3(@types/react@19.3.0)(react@19.3.1) + tslib: 2.9.1 + optionalDependencies: + '@types/react': 19.3.0 + + react-remove-scroll@2.7.2(@types/react@19.3.0)(react@19.3.1): + dependencies: + react: 19.3.1 + react-remove-scroll-bar: 2.3.8(@types/react@19.3.0)(react@19.3.1) + react-style-singleton: 2.2.3(@types/react@19.3.0)(react@19.3.1) + tslib: 2.9.1 + use-callback-ref: 1.3.3(@types/react@19.3.0)(react@19.3.1) + use-sidecar: 1.1.3(@types/react@19.3.0)(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + + react-stately@3.51.0(react@19.3.1): + dependencies: + '@internationalized/date': 3.12.4 + '@internationalized/number': 3.6.9 + '@internationalized/string': 3.2.10 + '@react-types/shared': 3.37.0(react@19.3.1) + '@swc/helpers': 0.5.24 + react: 19.3.1 + use-sync-external-store: 1.7.0(react@19.3.1) + + react-style-singleton@2.2.3(@types/react@19.3.0)(react@19.3.1): + dependencies: + get-nonce: 1.0.1 + react: 19.3.1 + tslib: 2.9.1 + optionalDependencies: + '@types/react': 19.3.0 + + react@19.3.1: {} + + redent@3.0.0: + dependencies: + indent-string: 4.0.0 + strip-indent: 3.0.0 + + require-from-string@2.0.2: {} + + rolldown@1.2.16: + dependencies: + '@oxc-project/types': 0.156.0 + '@rolldown/pluginutils': 1.0.1 + optionalDependencies: + '@rolldown/binding-android-arm-eabi': 1.2.16 + '@rolldown/binding-android-arm64': 1.2.16 + '@rolldown/binding-darwin-arm64': 1.2.16 + '@rolldown/binding-darwin-x64': 1.2.16 + '@rolldown/binding-freebsd-x64': 1.2.16 + '@rolldown/binding-linux-arm-gnueabihf': 1.2.16 + '@rolldown/binding-linux-arm64-gnu': 1.2.16 + '@rolldown/binding-linux-arm64-musl': 1.2.16 + '@rolldown/binding-linux-ppc64-gnu': 1.2.16 + '@rolldown/binding-linux-s390x-gnu': 1.2.16 + '@rolldown/binding-linux-x64-gnu': 1.2.16 + '@rolldown/binding-linux-x64-musl': 1.2.16 + '@rolldown/binding-openharmony-arm64': 1.2.16 + '@rolldown/binding-win32-arm64-msvc': 1.2.16 + '@rolldown/binding-win32-x64-msvc': 1.2.16 + + rope-sequence@1.3.4: {} + + saxes@6.0.0: + dependencies: + xmlchars: 2.2.0 + + scheduler@0.28.0: {} + + semver@6.3.2: {} + + semver@7.8.6: {} + + shebang-command@2.0.0: + dependencies: + shebang-regex: 3.0.0 + + shebang-regex@3.0.0: {} + + side-channel-list@1.0.1: + dependencies: + es-errors: 1.3.0 + object-inspect: 1.13.4 + + side-channel-map@1.0.1: + dependencies: + call-bound: 1.0.4 + es-errors: 1.3.0 + get-intrinsic: 1.3.0 + object-inspect: 1.13.4 + + side-channel-weakmap@1.0.2: + dependencies: + call-bound: 1.0.4 + es-errors: 1.3.0 + get-intrinsic: 1.3.0 + object-inspect: 1.13.4 + side-channel-map: 1.0.1 + + side-channel@1.1.1: + dependencies: + es-errors: 1.3.0 + object-inspect: 1.13.4 + side-channel-list: 1.0.1 + side-channel-map: 1.0.1 + side-channel-weakmap: 1.0.2 + + signature_pad@5.1.4: {} + + sonner@2.0.8(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + + source-map-js@1.2.2: {} + + std-env@4.3.0: {} + + strip-indent@3.0.0: + dependencies: + min-indent: 1.0.1 + + tailwind-merge@3.7.0: {} + + tailwindcss@4.3.4: {} + + tinybench@6.2.3: {} + + tinyexec@1.3.1: {} + + tinyglobby@0.2.17: + dependencies: + fdir: 6.5.0(picomatch@4.0.7) + picomatch: 4.0.7 + + tinyrainbow@3.2.0: {} + + tldts-core@7.4.20: {} + + tldts@7.4.19: + dependencies: + tldts-core: 7.4.20 + + tough-cookie@6.0.2: + dependencies: + tldts: 7.4.19 + + tr46@7.0.0: + dependencies: + punycode: 2.3.1 + + ts-api-utils@2.5.0(typescript@6.0.3): + dependencies: + typescript: 6.0.3 + + tslib@2.9.1: {} + + tw-animate-css@1.4.0: {} + + type-check@0.4.0: + dependencies: + prelude-ls: 1.2.1 + + typescript-eslint@8.72.1(eslint@10.14.0)(typescript@6.0.3): + dependencies: + '@typescript-eslint/eslint-plugin': 8.72.1(@typescript-eslint/parser@8.72.1(eslint@10.14.0)(typescript@6.0.3))(eslint@10.14.0)(typescript@6.0.3) + '@typescript-eslint/parser': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + '@typescript-eslint/typescript-estree': 8.72.1(typescript@6.0.3) + '@typescript-eslint/utils': 8.72.1(eslint@10.14.0)(typescript@6.0.3) + eslint: 10.14.0 + typescript: 6.0.3 + transitivePeerDependencies: + - supports-color + + typescript@6.0.3: {} + + undici-types@8.9.0: {} + + undici@8.12.4: {} + + update-browserslist-db@1.3.4(browserslist@4.29.5): + dependencies: + browserslist: 4.29.5 + escalade: 3.2.0 + picocolors: 1.1.1 + + uqr@0.1.3: {} + + uri-js@4.4.1: + dependencies: + punycode: 2.3.1 + + use-callback-ref@1.3.3(@types/react@19.3.0)(react@19.3.1): + dependencies: + react: 19.3.1 + tslib: 2.9.1 + optionalDependencies: + '@types/react': 19.3.0 + + use-sidecar@1.1.3(@types/react@19.3.0)(react@19.3.1): + dependencies: + detect-node-es: 1.1.0 + react: 19.3.1 + tslib: 2.9.1 + optionalDependencies: + '@types/react': 19.3.0 + + use-sync-external-store@1.7.0(react@19.3.1): + dependencies: + react: 19.3.1 + + vaul@1.1.2(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + '@radix-ui/react-dialog': 1.3.1(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1) + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + transitivePeerDependencies: + - '@types/react' + - '@types/react-dom' + + vite@8.3.6(@types/node@26.6.6): + dependencies: + lightningcss: 1.33.0 + picomatch: 4.0.7 + postcss: 8.5.32 + rolldown: 1.2.16 + tinyglobby: 0.2.17 + optionalDependencies: + '@types/node': 26.6.6 + fsevents: 2.3.3 + + vitest@5.1.0(@types/node@26.6.6)(@vitest/coverage-v8@5.1.0)(jsdom@30.1.3)(vite@8.3.6(@types/node@26.6.6)): + dependencies: + '@types/chai': 5.2.3 + '@vitest/mocker': 5.1.0(vite@8.3.6(@types/node@26.6.6)) + chai: 6.3.0 + es-module-lexer: 2.3.2 + expect-type: 1.4.0 + magic-string: 1.4.5 + obug: 3.0.0 + picomatch: 4.0.7 + std-env: 4.3.0 + tinybench: 6.2.3 + tinyexec: 1.3.1 + tinyglobby: 0.2.17 + vite: 8.3.6(@types/node@26.6.6) + why-is-node-running: 3.2.1 + optionalDependencies: + '@types/node': 26.6.6 + '@vitest/coverage-v8': 5.1.0(vitest@5.1.0) + jsdom: 30.1.3 + transitivePeerDependencies: + - msw + + w3c-keyname@2.2.8: {} + + w3c-xmlserializer@6.0.0: + dependencies: + xml-name-validator: 5.0.0 + + webidl-conversions@8.0.1: {} + + whatwg-mimetype@5.0.0: {} + + whatwg-url@17.3.0: + dependencies: + '@exodus/bytes': 1.16.0 + tr46: 7.0.0 + webidl-conversions: 8.0.1 + transitivePeerDependencies: + - '@noble/hashes' + + which@2.0.2: + dependencies: + isexe: 2.0.0 + + why-is-node-running@3.2.1: {} + + word-wrap@1.2.5: {} + + xml-name-validator@5.0.0: {} + + xmlchars@2.2.0: {} + + yallist@3.1.1: {} + + yet-another-react-lightbox@3.33.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1): + dependencies: + react: 19.3.1 + react-dom: 19.3.1(react@19.3.1) + optionalDependencies: + '@types/react': 19.3.0 + '@types/react-dom': 19.3.0(@types/react@19.3.0) + + yocto-queue@0.1.0: {} + + zod-validation-error@4.0.2(zod@4.6.7): + dependencies: + zod: 4.6.7 + + zod@4.6.7: {} diff --git a/resources/css/mediapicker.css b/resources/css/mediapicker.css new file mode 100644 index 0000000..4aa6c89 --- /dev/null +++ b/resources/css/mediapicker.css @@ -0,0 +1,481 @@ +/* + * javaabu/mediapicker: the picker dialog (.mp-dialog), the Blade picker field (.mp-field), + * the cropper (.mp-cropper) and the editor blocks' rendered markup (.mp-block-*). + * Colours, radius and fonts come from Onu's tokens when the page has them, with plain + * fallbacks otherwise. Only logical properties, so everything mirrors in RTL. + */ + +:where(.mp-dialog, .mp-field, .mp-cropper, .mp-library, .mp-block) { + --mp-background: var(--onu-background, #fff); + --mp-foreground: var(--onu-foreground, #1f2937); + --mp-muted: var(--onu-neutral-muted, #f9fafb); + --mp-muted-foreground: var(--onu-neutral-muted-foreground, #6b7280); + --mp-accent: var(--onu-neutral-accent, #f3f4f6); + --mp-border: var(--onu-neutral-input, #d1d5db); + --mp-border-soft: var(--onu-neutral-border, #e5e7eb); + --mp-primary: var(--onu-primary, #4f46e5); + --mp-primary-foreground: var(--onu-primary-foreground, #fff); + --mp-destructive: var(--onu-destructive, #dc2626); + --mp-radius: var(--onu-radius, 0.375rem); + /* Latin first, then Thaana: mixed text keeps each script in its own font. */ + --mp-font: var(--onu-font-sans, ui-sans-serif, system-ui, Faruma, "MV Faseyha", "Noto Sans Thaana", sans-serif); +} + +.mp-icon { + inline-size: 1rem; + block-size: 1rem; + flex-shrink: 0; +} + +/* ------------------------------------------------------------------ buttons */ + +.mp-button, +.mp-icon-button { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.375rem; + min-block-size: 2.25rem; + padding-block: 0.375rem; + padding-inline: 0.75rem; + border: 1px solid var(--mp-border); + border-radius: var(--mp-radius); + background: var(--mp-background); + color: var(--mp-foreground); + font: inherit; + font-size: 0.875rem; + cursor: pointer; +} + +.mp-icon-button { + padding-inline: 0.5rem; + border-color: transparent; + background: transparent; +} + +.mp-button:hover, +.mp-icon-button:hover { + background: var(--mp-accent); +} + +.mp-button:focus-visible, +.mp-icon-button:focus-visible, +.mp-item:focus-visible, +.mp-input:focus-visible { + outline: 2px solid var(--mp-primary); + outline-offset: 2px; +} + +.mp-button:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.mp-button--primary { + border-color: var(--mp-primary); + background: var(--mp-primary); + color: var(--mp-primary-foreground); +} + +.mp-button--primary:hover { + background: var(--mp-primary); + filter: brightness(0.95); +} + +.mp-button--danger { + color: var(--mp-destructive); +} + +.mp-input { + min-block-size: 2.25rem; + padding-block: 0.375rem; + padding-inline: 0.625rem; + border: 1px solid var(--mp-border); + border-radius: var(--mp-radius); + background: var(--mp-background); + color: var(--mp-foreground); + font: inherit; + font-size: 0.875rem; +} + +/* ------------------------------------------------------------------ dialog */ + +.mp-dialog { + inline-size: min(64rem, calc(100vw - 2rem)); + max-block-size: calc(100vh - 2rem); + padding: 0; + border: 1px solid var(--mp-border-soft); + border-radius: calc(var(--mp-radius) * 2); + background: var(--mp-background); + color: var(--mp-foreground); + font-family: var(--mp-font); + box-shadow: 0 20px 50px rgb(0 0 0 / 0.2); +} + +.mp-dialog[open] { + display: flex; + flex-direction: column; +} + +.mp-dialog::backdrop { + background: rgb(0 0 0 / 0.45); +} + +.mp-header, +.mp-footer { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; + padding-block: 0.75rem; + padding-inline: 1rem; +} + +.mp-header { + border-block-end: 1px solid var(--mp-border-soft); +} + +.mp-footer { + border-block-start: 1px solid var(--mp-border-soft); +} + +.mp-title { + margin: 0; + font-size: 1.125rem; + font-weight: 600; +} + +.mp-toolbar { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + padding-block: 0.75rem; + padding-inline: 1rem; +} + +.mp-search { + position: relative; + display: flex; + flex: 1 1 14rem; + align-items: center; +} + +.mp-search .mp-icon { + position: absolute; + inset-inline-start: 0.625rem; + color: var(--mp-muted-foreground); +} + +.mp-search .mp-input { + inline-size: 100%; + padding-inline-start: 2rem; +} + +.mp-file-input { + display: none; +} + +.mp-body { + flex: 1; + overflow: auto; + padding-block: 0.25rem 1rem; + padding-inline: 1rem; +} + +.mp-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); + gap: 0.75rem; +} + +.mp-item { + position: relative; + display: flex; + flex-direction: column; + gap: 0.375rem; + padding: 0.375rem; + border: 2px solid transparent; + border-radius: calc(var(--mp-radius) * 1.5); + background: var(--mp-muted); + color: inherit; + font: inherit; + text-align: start; + cursor: pointer; +} + +.mp-item[aria-pressed="true"] { + border-color: var(--mp-primary); +} + +.mp-thumb { + display: block; + inline-size: 100%; + aspect-ratio: 1; + border-radius: var(--mp-radius); + background: var(--mp-accent); + object-fit: cover; +} + +.mp-thumb--icon { + display: grid; + place-items: center; + color: var(--mp-muted-foreground); +} + +.mp-thumb--icon .mp-icon { + inline-size: 2rem; + block-size: 2rem; +} + +.mp-name { + overflow: hidden; + font-size: 0.8125rem; + text-overflow: ellipsis; + white-space: nowrap; +} + +.mp-check { + position: absolute; + inset-block-start: 0.625rem; + inset-inline-end: 0.625rem; + display: none; + padding: 0.125rem; + border-radius: 999px; + background: var(--mp-primary); + color: var(--mp-primary-foreground); +} + +.mp-item[aria-pressed="true"] .mp-check { + display: flex; +} + +.mp-more { + display: flex; + margin-block-start: 1rem; + margin-inline: auto; +} + +.mp-empty, +.mp-status { + margin: 0; + color: var(--mp-muted-foreground); + font-size: 0.875rem; +} + +.mp-empty { + grid-column: 1 / -1; + padding-block: 2rem; + text-align: center; +} + +.mp-actions { + display: flex; + gap: 0.5rem; +} + +.mp-error { + margin-block: 0 0.75rem; + margin-inline: 1rem; + padding-block: 0.5rem; + padding-inline: 0.75rem; + border-radius: var(--mp-radius); + background: color-mix(in srgb, var(--mp-destructive) 10%, transparent); + color: var(--mp-destructive); + font-size: 0.875rem; +} + +.mp-uploads { + display: grid; + gap: 0.375rem; + margin: 0; + padding-block: 0; + padding-inline: 1rem; + list-style: none; +} + +.mp-uploads:empty { + display: none; +} + +.mp-upload { + display: flex; + align-items: center; + gap: 0.75rem; + font-size: 0.875rem; +} + +.mp-upload span { + overflow: hidden; + flex: 1; + text-overflow: ellipsis; + white-space: nowrap; +} + +.mp-progress { + inline-size: 8rem; +} + +/* ------------------------------------------------------------------ field */ + +.mp-field { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.mp-field__items { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); + gap: 0.5rem; + margin: 0; + padding: 0; + list-style: none; +} + +.mp-field__items:empty { + display: none; +} + +.mp-field__item { + position: relative; + display: flex; + flex-direction: column; + gap: 0.25rem; + padding: 0.375rem; + border: 1px solid var(--mp-border-soft); + border-radius: var(--mp-radius); + background: var(--mp-muted); +} + +.mp-field__item-actions { + display: flex; + justify-content: flex-end; + gap: 0.125rem; +} + +.mp-field__item-actions .mp-icon-button { + min-block-size: 1.75rem; + padding-inline: 0.25rem; +} + +.mp-field__buttons { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; +} + +.mp-field__empty { + margin: 0; + color: var(--mp-muted-foreground); + font-size: 0.875rem; +} + +/* ------------------------------------------------------------------ cropper */ + +.mp-cropper { + display: flex; + flex-direction: column; + gap: 0.75rem; +} + +.mp-cropper__stage { + max-block-size: 28rem; + overflow: hidden; + border-radius: var(--mp-radius); + background: var(--mp-accent); +} + +.mp-cropper__stage img { + display: block; + max-inline-size: 100%; +} + +.mp-cropper__presets { + display: flex; + flex-wrap: wrap; + gap: 0.375rem; +} + +.mp-cropper__presets [aria-pressed="true"] { + border-color: var(--mp-primary); + color: var(--mp-primary); +} + +.mp-cropper__controls { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 0.5rem; +} + +/* ------------------------------------------------------------------ blocks (rendered content) */ + +.mp-block-image, +.mp-block-video { + margin-block: 1rem; + margin-inline: 0; +} + +.mp-block-image img, +.mp-block-video video { + display: block; + max-inline-size: 100%; + block-size: auto; + border-radius: var(--mp-radius, 0.375rem); +} + +.mp-block-image figcaption, +.mp-block-gallery figcaption, +.mp-block-video figcaption { + margin-block-start: 0.5rem; + color: var(--mp-muted-foreground, #6b7280); + font-size: 0.875rem; +} + +.mp-block-gallery { + margin-block: 1rem; + margin-inline: 0; +} + +.mp-block-gallery ul { + display: grid; + grid-template-columns: repeat(var(--mp-gallery-columns, 3), minmax(0, 1fr)); + gap: 0.5rem; + margin: 0; + padding: 0; + list-style: none; +} + +.mp-block-gallery img { + display: block; + inline-size: 100%; + block-size: 100%; + aspect-ratio: 1; + border-radius: var(--mp-radius, 0.375rem); + object-fit: cover; +} + +@media (max-width: 40rem) { + .mp-block-gallery ul { + grid-template-columns: repeat(min(var(--mp-gallery-columns, 3), 2), minmax(0, 1fr)); + } +} + +.mp-block-file { + display: flex; + align-items: center; + gap: 0.75rem; + margin-block: 1rem; + padding-block: 0.75rem; + padding-inline: 1rem; + border: 1px solid var(--mp-border-soft, #e5e7eb); + border-radius: var(--mp-radius, 0.375rem); +} + +.mp-block-file a { + font-weight: 600; +} + +.mp-block-file small { + color: var(--mp-muted-foreground, #6b7280); +} diff --git a/resources/icons/icons.php b/resources/icons/icons.php new file mode 100644 index 0000000..9376f56 --- /dev/null +++ b/resources/icons/icons.php @@ -0,0 +1,39 @@ + '', + 'film' => '', + 'music' => '', + 'file-text' => '', + 'file-archive' => '', + 'file' => '', + 'upload' => '', + 'x' => '', + 'search' => '', + 'check' => '', + 'crop' => '', + 'trash-2' => '', + 'pencil' => '', + 'grid-2x2' => '', + 'list' => '', + 'loader-circle' => '', + 'external-link' => '', + 'copy' => '', + 'download' => '', + 'images' => '', + 'play' => '', + 'file-video' => '', + 'chevron-left' => '', + 'chevron-right' => '', + 'arrow-up' => '', + 'arrow-down' => '', + 'plus' => '', + 'rotate-ccw' => '', + 'rotate-cw' => '', + 'zoom-in' => '', + 'circle-alert' => '', + 'info' => '', +]; diff --git a/resources/js/Pages/Media/Create.tsx b/resources/js/Pages/Media/Create.tsx new file mode 100644 index 0000000..075f053 --- /dev/null +++ b/resources/js/Pages/Media/Create.tsx @@ -0,0 +1,109 @@ +import { Alert, Button, LinkButton } from "@javaabu/forms" +import { Link } from "@inertiajs/react" +import { useMemo, useRef, useState } from "react" + +import { createLibraryClient, LibraryError } from "../../api" +import { formatBytes, translator } from "../../strings" +import type { MediaCreateProps, MediaItem } from "../../types" +import { Flash } from "../../react/Flash" +import { Icon } from "../../react/Icon" + +interface Row { + key: string + name: string + progress: number + media?: MediaItem + error?: string +} + +/** mediapicker::Media/Create: upload one or more files, with progress, then edit them */ +export default function Create(props: MediaCreateProps) { + const t = useMemo(() => translator(props.strings), [props.strings]) + const client = useMemo(() => createLibraryClient(props.urls.index), [props.urls.index]) + const [rows, setRows] = useState([]) + const input = useRef(null) + + const update = (key: string, changes: Partial) => + setRows((current) => current.map((row) => (row.key === key ? { ...row, ...changes } : row))) + + const upload = (files: File[]) => { + for (const file of files) { + const key = `${file.name}-${Date.now()}-${Math.random()}` + setRows((current) => [{ key, name: file.name, progress: 0 }, ...current]) + + client + .upload(file, { onProgress: (progress) => update(key, { progress }) }) + .then((media) => update(key, { media, progress: 1 })) + .catch((error: unknown) => + update(key, { + error: + error instanceof LibraryError ? (Object.values(error.errors)[0]?.[0] ?? error.message) : t("upload_failed"), + }), + ) + } + } + + return ( +
+
+

+ {props.title} +

+ + {t("back_to_library")} + +
+ + + +
event.preventDefault()} + onDrop={(event) => { + event.preventDefault() + upload(Array.from(event.dataTransfer.files)) + }} + > + +

{t("drop_files")}

+

{t("max_size", { size: formatBytes(props.upload.max_size * 1024) })}

+ + { + upload(Array.from(event.target.files ?? [])) + event.target.value = "" + }} + /> +
+ + {rows.length ? ( +
    + {rows.map((row) => ( +
  • + {row.name} + {row.error ? ( + + {row.error} + + ) : row.media?.links ? ( + + {t("edit")} + + ) : ( + + )} +
    • + ))} +
+ ) : null} +
+ ) +} diff --git a/resources/js/Pages/Media/Edit.tsx b/resources/js/Pages/Media/Edit.tsx new file mode 100644 index 0000000..fbe4142 --- /dev/null +++ b/resources/js/Pages/Media/Edit.tsx @@ -0,0 +1,65 @@ +import { Button, Card, LinkButton } from "@javaabu/forms" +import { StencilForm, type StencilSchema } from "@javaabu/stencil" +import { router } from "@inertiajs/react" +import { useMemo, useState } from "react" + +import { translator } from "../../strings" +import type { MediaEditProps } from "../../types" +import { Flash } from "../../react/Flash" +import { Icon } from "../../react/Icon" +import { MediaCropper } from "../../react/MediaCropper" +import { MediaPreview } from "../../react/MediaPreview" + +/** mediapicker::Media/Edit: the details form (stencil), crops and the preview */ +export default function Edit(props: MediaEditProps) { + const t = useMemo(() => translator(props.strings), [props.strings]) + const [media, setMedia] = useState(props.media) + + const destroy = () => { + if (!props.urls.destroy || !window.confirm(t("delete_confirm"))) return + router.delete(props.urls.destroy) + } + + return ( +
+
+

+ {props.title} +

+
+ + {t("back_to_library")} + + {props.urls.show ? ( + + {t("view")} + + ) : null} + {props.can.delete ? ( + + ) : null} +
+
+ + + +
+ + + + + + + +
+ + {media.type === "image" && props.crop_presets.length && props.can.update ? ( + + + + ) : null} +
+ ) +} diff --git a/resources/js/Pages/Media/Index.tsx b/resources/js/Pages/Media/Index.tsx new file mode 100644 index 0000000..7196b34 --- /dev/null +++ b/resources/js/Pages/Media/Index.tsx @@ -0,0 +1,157 @@ +import { Button, LinkButton } from "@javaabu/forms" +import { MediaLister, type MediaItem as ListerItem } from "@javaabu/onu" +import { Link, router } from "@inertiajs/react" +import { useMemo, useRef, useState } from "react" + +import { translator } from "../../strings" +import type { LibraryFilters, MediaIndexProps } from "../../types" +import { Flash } from "../../react/Flash" +import { Icon } from "../../react/Icon" + +/** mediapicker::Media/Index: the library, with filters, uploads and bulk delete */ +export default function Index(props: MediaIndexProps) { + const { media_items: media, filters, urls, can } = props + const t = useMemo(() => translator(props.strings), [props.strings]) + const [selected, setSelected] = useState>([]) + const [search, setSearch] = useState(filters.search ?? "") + const timer = useRef>(undefined) + + const visit = (changes: Partial & { page?: number }) => { + const query = { ...filters, ...changes } + router.get( + urls.index, + { + search: query.search || undefined, + type: query.type.length ? query.type : undefined, + owner: query.owner || undefined, + orderby: query.orderby, + order: query.order, + view: query.view, + page: changes.page, + }, + { preserveState: true, preserveScroll: true, replace: true }, + ) + } + + const items: ListerItem[] = media.data.map((item) => ({ + id: item.id, + name: item.name, + url: item.url, + thumbnailUrl: item.thumb ?? undefined, + alt: item.alt ?? "", + type: item.mime_type, + size: item.size, + })) + + const byId = new Map(media.data.map((item) => [item.id, item])) + const deletable = selected.filter((id) => byId.get(Number(id))?.can.delete) + + const bulkDelete = () => { + if (!deletable.length || !window.confirm(t("delete_many_confirm"))) return + router.put(urls.bulk, { action: "delete", media: deletable }, { preserveScroll: true, onSuccess: () => setSelected([]) }) + } + + const sort = `${filters.orderby}:${filters.order}` + + const toolbar = ( + <> + {props.file_types.length > 1 ? ( + + ) : null} + {can.view_others ? ( + + ) : null} + + {deletable.length ? ( + + ) : null} + + ) + + return ( +
+
+

+ {props.title} +

+ {can.create ? ( + + {t("upload_media")} + + ) : null} +
+ + + + visit({ view })} + search={search} + onSearchChange={(value) => { + setSearch(value) + clearTimeout(timer.current) + timer.current = setTimeout(() => visit({ search: value, page: 1 }), 300) + }} + searchThaana + selectionMode="multiple" + selected={selected} + onSelectedChange={setSelected} + renderActions={(item) => { + const full = byId.get(Number(item.id)) + if (!full?.links) return null + return ( + + + + ) + }} + page={media.meta.current_page} + pageCount={media.meta.last_page} + onPageChange={(page) => visit({ page })} + emptyMessage={t(filters.search || filters.type.length || filters.owner ? "no_matching_media" : "no_media")} + toolbar={toolbar} + label={t("media_library")} + /> +
+ ) +} diff --git a/resources/js/Pages/Media/Show.tsx b/resources/js/Pages/Media/Show.tsx new file mode 100644 index 0000000..31756f3 --- /dev/null +++ b/resources/js/Pages/Media/Show.tsx @@ -0,0 +1,88 @@ +import { Button, Card, LinkButton, TextEntry } from "@javaabu/forms" +import { router } from "@inertiajs/react" +import { useMemo, useState } from "react" + +import { translator } from "../../strings" +import type { MediaShowProps } from "../../types" +import { Flash } from "../../react/Flash" +import { Icon } from "../../react/Icon" +import { MediaPreview } from "../../react/MediaPreview" + +/** mediapicker::Media/Show: a library media with its details and URL */ +export default function Show(props: MediaShowProps) { + const { media, urls, can } = props + const t = useMemo(() => translator(props.strings), [props.strings]) + const [copied, setCopied] = useState(false) + + const copy = async () => { + await navigator.clipboard?.writeText(media.url) + setCopied(true) + setTimeout(() => setCopied(false), 2000) + } + + const destroy = () => { + if (!urls.destroy || !window.confirm(t("delete_confirm"))) return + router.delete(urls.destroy) + } + + const uploaded = media.created_at ? new Date(media.created_at).toLocaleString(document.documentElement.lang || undefined) : null + + return ( +
+
+

+ {props.title} +

+
+ + {t("back_to_library")} + + {can.update && urls.edit ? ( + + {t("edit")} + + ) : null} + {can.delete ? ( + + ) : null} +
+
+ + + +
+ + + + + +
+ {media.name}} /> + {media.file_name}} /> + {media.mime_type}} /> + {media.human_size}} /> + {media.width && media.height ? ( + {`${media.width} × ${media.height}`}} /> + ) : null} + {uploaded ? : null} + {media.owner?.name ? {media.owner.name}} /> : null} + {media.description ? {media.description}} /> : null} + {media.alt ? {media.alt}} /> : null} + {media.caption ? {media.caption}} /> : null} +
+ + + + {t("download")} + +
+
+ +
+
+ ) +} diff --git a/resources/js/api.ts b/resources/js/api.ts new file mode 100644 index 0000000..6fc06c2 --- /dev/null +++ b/resources/js/api.ts @@ -0,0 +1,165 @@ +import type { Crop, MediaItem, Paginated } from "./types" + +/** What the library can be filtered by, as the index action reads it. */ +export interface LibraryQuery { + search?: string | null + type?: string | string[] | null + owner?: "mine" | null + orderby?: "created_at" | "name" | "size" | "id" + order?: "asc" | "desc" + page?: number + per_page?: number +} + +export interface UploadOptions { + /** Limit the upload to these file types. */ + type?: string | string[] | null + name?: string + description?: string + alt?: string + caption?: string + /** Crops per preset, saved with the upload. */ + crops?: Record & { rotation?: number }> + onProgress?: (fraction: number) => void + signal?: AbortSignal +} + +/** A failed request: `errors` holds Laravel's validation errors. */ +export class LibraryError extends Error { + constructor( + message: string, + public status: number, + public errors: Record = {}, + ) { + super(message) + this.name = "LibraryError" + } +} + +export interface LibraryClient { + list(query?: LibraryQuery, signal?: AbortSignal): Promise> + find(id: number | string): Promise + upload(file: File, options?: UploadOptions): Promise + update(id: number | string, details: Partial>): Promise + crop(id: number | string, preset: string, crop: Omit & { rotation?: number }): Promise + destroy(id: number | string): Promise +} + +/** The token Laravel checks on non-GET requests: the XSRF cookie, else the csrf-token meta tag. */ +export function csrfHeaders(): Record { + const cookie = typeof document === "undefined" ? null : document.cookie.match(/(?:^|; )XSRF-TOKEN=([^;]*)/) + if (cookie?.[1]) return { "X-XSRF-TOKEN": decodeURIComponent(cookie[1]) } + + const meta = typeof document === "undefined" ? null : document.querySelector('meta[name="csrf-token"]') + return meta?.content ? { "X-CSRF-TOKEN": meta.content } : {} +} + +function queryString(query: LibraryQuery): string { + const params = new URLSearchParams() + + for (const [key, value] of Object.entries(query)) { + if (value === null || value === undefined || value === "") continue + if (Array.isArray(value)) value.forEach((item) => params.append(`${key}[]`, String(item))) + else params.set(key, String(value)) + } + + const string = params.toString() + return string ? `?${string}` : "" +} + +async function failure(response: Response): Promise { + let body: { message?: string; errors?: Record } = {} + try { + body = await response.json() + } catch { + // not JSON + } + return new LibraryError(body.message || response.statusText || "Request failed", response.status, body.errors ?? {}) +} + +/** + * A client for a library's JSON API: the URL of its index route, e.g. `/admin/media`. + * The pickers, the editor blocks and the React components all use it. + */ +export function createLibraryClient(baseUrl: string, fetcher: typeof fetch = (...args) => fetch(...args)): LibraryClient { + const base = baseUrl.replace(/\/+$/, "") + const headers = () => ({ Accept: "application/json", "X-Requested-With": "XMLHttpRequest", ...csrfHeaders() }) + + async function json(url: string, init: RequestInit = {}): Promise { + const response = await fetcher(url, { + credentials: "same-origin", + ...init, + headers: { ...headers(), ...(init.body && !(init.body instanceof FormData) ? { "Content-Type": "application/json" } : {}), ...(init.headers ?? {}) }, + }) + if (!response.ok) throw await failure(response) + if (response.status === 204) return undefined as T + return (await response.json()) as T + } + + return { + list: (query = {}, signal) => json>(`${base}${queryString(query)}`, { signal }), + + find: async (id) => (await json<{ data: MediaItem }>(`${base}/${id}`)).data, + + upload(file, options = {}) { + const data = new FormData() + data.append("file", file) + + for (const key of ["name", "description", "alt", "caption"] as const) { + if (options[key]) data.append(key, options[key] as string) + } + + const types = options.type ? (Array.isArray(options.type) ? options.type : [options.type]) : [] + if (types.length === 1) data.append("type", types[0] as string) + else types.forEach((type) => data.append("type[]", type)) + + for (const [preset, crop] of Object.entries(options.crops ?? {})) { + for (const [key, value] of Object.entries(crop)) data.append(`crops[${preset}][${key}]`, String(value)) + } + + // XMLHttpRequest, for upload progress + return new Promise((resolve, reject) => { + const request = new XMLHttpRequest() + request.open("POST", base) + request.withCredentials = true + for (const [name, value] of Object.entries(headers())) request.setRequestHeader(name, value) + + request.upload.onprogress = (event) => { + if (event.lengthComputable) options.onProgress?.(event.loaded / event.total) + } + request.onload = () => { + let body: { data?: MediaItem; message?: string; errors?: Record } = {} + try { + body = JSON.parse(request.responseText || "{}") + } catch { + // not JSON + } + if (request.status >= 200 && request.status < 300 && body.data) { + options.onProgress?.(1) + resolve(body.data) + } else { + reject(new LibraryError(body.message || request.statusText || "Upload failed", request.status, body.errors ?? {})) + } + } + request.onerror = () => reject(new LibraryError("Upload failed", 0)) + request.onabort = () => reject(new LibraryError("Upload cancelled", 0)) + options.signal?.addEventListener("abort", () => request.abort()) + + request.send(data) + }) + }, + + update: async (id, details) => + (await json<{ data: MediaItem }>(`${base}/${id}`, { method: "PATCH", body: JSON.stringify(details) })).data, + + crop: async (id, preset, crop) => + ( + await json<{ data: MediaItem }>(`${base}/${id}/crops/${encodeURIComponent(preset)}`, { + method: "PUT", + body: JSON.stringify(crop), + }) + ).data, + + destroy: (id) => json(`${base}/${id}`, { method: "DELETE" }), + } +} diff --git a/resources/js/blade/cropper.ts b/resources/js/blade/cropper.ts new file mode 100644 index 0000000..e0bdfa7 --- /dev/null +++ b/resources/js/blade/cropper.ts @@ -0,0 +1,13 @@ +/** + * The Blade entry for the cropper on the media edit page: mounts every + * `[data-mediapicker-cropper]`. + */ +import "../../css/mediapicker.css" + +import { mountCroppers } from "../cropper/cropper" +import { onReady, watch } from "./mount" + +onReady(() => { + mountCroppers() + watch(() => mountCroppers()) +}) diff --git a/resources/js/blade/mount.ts b/resources/js/blade/mount.ts new file mode 100644 index 0000000..1c7215e --- /dev/null +++ b/resources/js/blade/mount.ts @@ -0,0 +1,23 @@ +/** Runs once the document is parsed. */ +export function onReady(callback: () => void): void { + if (document.readyState === "loading") { + document.addEventListener("DOMContentLoaded", callback, { once: true }) + return + } + callback() +} + +/** Runs the callback after elements are added to the page (modals, Livewire, Turbo, …). */ +export function watch(callback: () => void): MutationObserver { + let scheduled = false + const observer = new MutationObserver(() => { + if (scheduled) return + scheduled = true + queueMicrotask(() => { + scheduled = false + callback() + }) + }) + observer.observe(document.body, { childList: true, subtree: true }) + return observer +} diff --git a/resources/js/blade/picker.ts b/resources/js/blade/picker.ts new file mode 100644 index 0000000..8f55987 --- /dev/null +++ b/resources/js/blade/picker.ts @@ -0,0 +1,27 @@ +/** + * The Blade entry for `` and the library pages: mounts every + * `[data-mediapicker-field]`, now and when added later, and exposes the picker dialog as + * `window.Mediapicker.open()`. + */ +import "../../css/mediapicker.css" + +import { openMediaPicker } from "../picker/dialog" +import { mountPickerFields, pickerField } from "../picker/field" +import { onReady, watch } from "./mount" + +declare global { + interface Window { + Mediapicker?: { + open: typeof openMediaPicker + mount: typeof mountPickerFields + field: typeof pickerField + } + } +} + +window.Mediapicker = { ...(window.Mediapicker ?? {}), open: openMediaPicker, mount: mountPickerFields, field: pickerField } + +onReady(() => { + mountPickerFields() + watch(() => mountPickerFields()) +}) diff --git a/resources/js/blocks/index.ts b/resources/js/blocks/index.ts new file mode 100644 index 0000000..336ce12 --- /dev/null +++ b/resources/js/blocks/index.ts @@ -0,0 +1 @@ +export {} diff --git a/resources/js/cropper/cropper.ts b/resources/js/cropper/cropper.ts new file mode 100644 index 0000000..6bd87f9 --- /dev/null +++ b/resources/js/cropper/cropper.ts @@ -0,0 +1,165 @@ +import Cropper from "cropperjs" +import "cropperjs/dist/cropper.css" + +import { createLibraryClient, type LibraryClient } from "../api" +import { h } from "../dom" +import { translator } from "../strings" +import type { Crop, CropPreset, MediaItem, Strings } from "../types" + +/** What the Blade edit page puts in `data-mediapicker-cropper`. */ +export interface CropperConfig { + /** The library's index URL; crops are saved to `{url}/{id}/crops/{preset}`. */ + url: string + media: Pick + presets: CropPreset[] + strings?: Partial +} + +/** + * The Blade cropper: a preset per button, a crop box on the image (cropperjs), and Save, + * which stores the crop without touching the original. Fires `mediapicker:cropped` with the + * updated media. + */ +export class CropperWidget { + private readonly t: ReturnType + private readonly client: LibraryClient + private crops: Record + private preset: CropPreset + private cropper: Cropper | null = null + private readonly image: HTMLImageElement + private readonly status: HTMLParagraphElement + private readonly save: HTMLButtonElement + private readonly presetButtons: HTMLButtonElement[] + + constructor( + private readonly element: HTMLElement, + private readonly config: CropperConfig, + client?: LibraryClient, + ) { + this.t = translator(config.strings) + this.client = client ?? createLibraryClient(config.url) + this.crops = { ...(config.media.crops ?? {}) } + this.preset = config.presets[0] as CropPreset + + this.image = h("img", { src: config.media.url, alt: config.media.name, crossorigin: "anonymous" }) + this.status = h("p", { class: "mp-status", role: "status", "aria-live": "polite" }) + this.save = h( + "button", + { type: "button", class: "mp-button mp-button--primary", onClick: () => void this.store() }, + this.t("save_crop"), + ) + this.presetButtons = config.presets.map((preset) => + h( + "button", + { + type: "button", + class: "mp-button", + "aria-pressed": preset.name === this.preset.name ? "true" : "false", + "data-preset": preset.name, + onClick: () => this.choose(preset), + }, + preset.label, + ), + ) + + element.classList.add("mp-cropper") + element.replaceChildren( + h("div", { class: "mp-cropper__presets", role: "group", "aria-label": this.t("aspect_ratio") }, ...this.presetButtons), + h("div", { class: "mp-cropper__stage" }, this.image), + h( + "div", + { class: "mp-cropper__controls" }, + this.save, + h("button", { type: "button", class: "mp-button", onClick: () => this.reset() }, this.t("reset")), + this.status, + ), + ) + + this.cropper = new Cropper(this.image, { + viewMode: 1, + autoCropArea: 1, + zoomable: false, + rotatable: false, + scalable: false, + aspectRatio: this.preset.aspect ?? NaN, + ready: () => this.applySavedCrop(), + }) + + this.describe() + } + + /** Switch to another preset: its aspect ratio and its saved crop. */ + choose(preset: CropPreset): void { + this.preset = preset + this.presetButtons.forEach((button) => button.setAttribute("aria-pressed", button.dataset.preset === preset.name ? "true" : "false")) + this.cropper?.setAspectRatio(preset.aspect ?? NaN) + this.applySavedCrop() + this.describe() + } + + /** The current crop box, in source pixels. */ + currentCrop(): Crop { + const data = this.cropper?.getData(true) + + return { + x: Math.max(0, data?.x ?? 0), + y: Math.max(0, data?.y ?? 0), + width: data?.width ?? this.config.media.width ?? 1, + height: data?.height ?? this.config.media.height ?? 1, + rotation: 0, + } + } + + async store(): Promise { + this.save.disabled = true + this.status.textContent = this.t("saving") + + try { + const media = await this.client.crop(this.config.media.id, this.preset.name, this.currentCrop()) + this.crops = { ...media.crops } + this.status.textContent = this.t("saved") + this.element.dispatchEvent(new CustomEvent("mediapicker:cropped", { bubbles: true, detail: { media, preset: this.preset.name } })) + return media + } catch { + this.status.textContent = this.t("error") + return null + } finally { + this.save.disabled = false + } + } + + reset(): void { + this.cropper?.reset() + } + + destroy(): void { + this.cropper?.destroy() + this.cropper = null + } + + private applySavedCrop(): void { + const crop = this.crops[this.preset.name] + if (crop) this.cropper?.setData({ x: crop.x, y: crop.y, width: crop.width, height: crop.height }) + } + + private describe(): void { + this.status.textContent = this.crops[this.preset.name] ? this.t("cropped") : this.t("not_cropped") + } +} + +const mounted = new WeakMap() + +/** Mounts every `[data-mediapicker-cropper]` inside the root that isn't mounted yet. */ +export function mountCroppers(root: ParentNode = document): CropperWidget[] { + const widgets: CropperWidget[] = [] + + root.querySelectorAll("[data-mediapicker-cropper]").forEach((element) => { + if (mounted.has(element)) return + + const widget = new CropperWidget(element, JSON.parse(element.dataset.mediapickerCropper || "{}") as CropperConfig) + mounted.set(element, widget) + widgets.push(widget) + }) + + return widgets +} diff --git a/resources/js/dom.ts b/resources/js/dom.ts new file mode 100644 index 0000000..3174750 --- /dev/null +++ b/resources/js/dom.ts @@ -0,0 +1,59 @@ +import { icons } from "./icons" + +type Child = Node | string | null | undefined | false +type Attributes = Record + +/** Creates an element: attributes (`on*` functions become listeners) and children. */ +export function h( + tag: K, + attributes: Attributes = {}, + ...children: Child[] +): HTMLElementTagNameMap[K] { + const element = document.createElement(tag) + + for (const [name, value] of Object.entries(attributes)) { + if (value === null || value === undefined || value === false) continue + if (typeof value === "function") { + element.addEventListener(name.slice(2).toLowerCase(), value) + continue + } + element.setAttribute(name, value === true ? "" : String(value)) + } + + for (const child of children) { + if (child === null || child === undefined || child === false) continue + element.append(child) + } + + return element +} + +/** A Lucide icon as an inline SVG, hidden from assistive technology. */ +export function icon(name: string, className = "mp-icon"): SVGSVGElement { + const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg") + svg.setAttribute("viewBox", "0 0 24 24") + svg.setAttribute("fill", "none") + svg.setAttribute("stroke", "currentColor") + svg.setAttribute("stroke-width", "2") + svg.setAttribute("stroke-linecap", "round") + svg.setAttribute("stroke-linejoin", "round") + svg.setAttribute("aria-hidden", "true") + svg.setAttribute("focusable", "false") + svg.setAttribute("class", className) + svg.innerHTML = icons[name] ?? icons.file ?? "" + return svg +} + +/** Calls `fn` once the calls stop for `wait` ms. */ +export function debounce(fn: (...args: A) => void, wait = 300) { + let timer: ReturnType | undefined + return (...args: A) => { + clearTimeout(timer) + timer = setTimeout(() => fn(...args), wait) + } +} + +/** The page's text direction. */ +export function documentDirection(): "rtl" | "ltr" { + return document.documentElement.dir === "rtl" || document.body?.dir === "rtl" ? "rtl" : "ltr" +} diff --git a/resources/js/icons.ts b/resources/js/icons.ts new file mode 100644 index 0000000..f176c11 --- /dev/null +++ b/resources/js/icons.ts @@ -0,0 +1,36 @@ +// Lucide icons (ISC licence, https://lucide.dev), the inner markup of each 24×24 SVG. +// Generated from lucide-static; the PHP copy is resources/icons/icons.php. +export const icons: Record = { + "image": "", + "film": "", + "music": "", + "file-text": "", + "file-archive": "", + "file": "", + "upload": "", + "x": "", + "search": "", + "check": "", + "crop": "", + "trash-2": "", + "pencil": "", + "grid-2x2": "", + "list": "", + "loader-circle": "", + "external-link": "", + "copy": "", + "download": "", + "images": "", + "play": "", + "file-video": "", + "chevron-left": "", + "chevron-right": "", + "arrow-up": "", + "arrow-down": "", + "plus": "", + "rotate-ccw": "", + "rotate-cw": "", + "zoom-in": "", + "circle-alert": "", + "info": "", +} diff --git a/resources/js/index.ts b/resources/js/index.ts new file mode 100644 index 0000000..dc9d434 --- /dev/null +++ b/resources/js/index.ts @@ -0,0 +1,22 @@ +/** + * javaabu/mediapicker's TypeScript, imported by apps as `@javaabu/mediapicker` through + * javaabu/manifest: the React picker, cropper and image components, the framework-free + * picker dialog, and the library API client. + */ +export { MediaPicker, type MediaPickerProps } from "./react/MediaPicker" +export { MediaPickerField, type MediaPickerFieldProps } from "./react/MediaPickerField" +export { MediaLibraryDialog, type MediaLibraryDialogProps } from "./react/MediaLibraryDialog" +export { MediaCropper, type MediaCropperProps } from "./react/MediaCropper" +export { CropBeforeUpload, type CropBeforeUploadProps } from "./react/CropBeforeUpload" +export { MediaPreview } from "./react/MediaPreview" +export { Picture, type PictureProps } from "./react/Picture" +export { StencilMediaPicker } from "./react/StencilMediaPicker" +export { MediapickerProvider, usePickerConfig, type PickerConfig } from "./react/context" +export { useLibrary, type UseLibraryOptions, type Upload } from "./react/useLibrary" +export { Icon } from "./react/Icon" +export { openMediaPicker, type MediaPickerOptions } from "./picker/dialog" +export { PickerField, mountPickerFields, pickerField, type PickerFieldConfig } from "./picker/field" +export { CropperWidget, mountCroppers, type CropperConfig } from "./cropper/cropper" +export { createLibraryClient, csrfHeaders, LibraryError, type LibraryClient, type LibraryQuery, type UploadOptions } from "./api" +export { translator, format, withDefaults, englishStrings, formatBytes } from "./strings" +export type * from "./types" diff --git a/resources/js/picker/dialog.ts b/resources/js/picker/dialog.ts new file mode 100644 index 0000000..ac23173 --- /dev/null +++ b/resources/js/picker/dialog.ts @@ -0,0 +1,342 @@ +import { createLibraryClient, LibraryError, type LibraryClient } from "../api" +import { debounce, documentDirection, h, icon } from "../dom" +import { translator } from "../strings" +import type { FileTypeOption, MediaItem, Strings } from "../types" + +export interface MediaPickerOptions { + /** The library's index URL, e.g. `/admin/media`. */ + url: string + /** Choose several. Default false. */ + multiple?: boolean + /** Only these file types (`image`, `video`, …). */ + type?: string | string[] | null + /** Already chosen (they start selected). */ + selected?: MediaItem[] + /** The file types to filter by, when `type` doesn't limit them. */ + types?: FileTypeOption[] + /** Allow uploading from the dialog. Default true. */ + upload?: boolean + /** The `accept` attribute of the upload input. */ + accept?: string + /** The dialog's title. Default "Choose media". */ + title?: string + strings?: Partial | null + /** A client to use instead of one for `url` (tests, custom APIs). */ + client?: LibraryClient +} + +/** + * Opens the media library in a modal dialog. Resolves with the chosen media, or null when + * cancelled. Framework-free: the Blade picker field and the block-editor blocks use it. + */ +export function openMediaPicker(options: MediaPickerOptions): Promise { + return new Promise((resolve) => { + const picker = new MediaPickerDialog(options, resolve) + picker.open() + }) +} + +/** "Choose an image", "Choose images", "Choose a video", or "Choose media" */ +export function defaultTitle(t: ReturnType, types: string[], multiple: boolean): string { + if (types.length === 1 && types[0] === "image") return t(multiple ? "choose_images" : "choose_image") + if (types.length === 1 && types[0] === "video" && !multiple) return t("choose_video") + if (types.length === 1 && types[0] === "document" && !multiple) return t("choose_file") + return t("choose_media") +} + +class MediaPickerDialog { + private readonly client: LibraryClient + private readonly t: ReturnType + private readonly multiple: boolean + private readonly types: string[] + private items: MediaItem[] = [] + private selected = new Map() + private page = 1 + private lastPage = 1 + private search = "" + private typeFilter = "" + private loading = false + private request: AbortController | null = null + private resolved = false + + private readonly dialog: HTMLDialogElement + private readonly list: HTMLDivElement + private readonly status: HTMLParagraphElement + private readonly error: HTMLDivElement + private readonly more: HTMLButtonElement + private readonly choose: HTMLButtonElement + private readonly uploads: HTMLUListElement + + constructor( + private readonly options: MediaPickerOptions, + private readonly resolve: (media: MediaItem[] | null) => void, + ) { + this.client = options.client ?? createLibraryClient(options.url) + this.t = translator(options.strings) + this.multiple = options.multiple ?? false + this.types = options.type ? (Array.isArray(options.type) ? options.type : [options.type]) : [] + + for (const item of options.selected ?? []) this.selected.set(item.id, item) + + const title = options.title ?? defaultTitle(this.t, this.types, this.multiple) + const titleId = `mp-title-${Math.random().toString(36).slice(2)}` + + this.list = h("div", { class: "mp-grid", role: "group", "aria-label": this.t("media_library") }) + this.status = h("p", { class: "mp-status", role: "status", "aria-live": "polite" }) + this.error = h("div", { class: "mp-error", role: "alert", hidden: true }) + this.more = h( + "button", + { type: "button", class: "mp-button mp-more", hidden: true, onClick: () => this.load(this.page + 1) }, + this.t("load_more"), + ) + this.choose = h( + "button", + { type: "button", class: "mp-button mp-button--primary", disabled: true, onClick: () => this.finish() }, + this.t("choose"), + ) + this.uploads = h("ul", { class: "mp-uploads", "aria-label": this.t("uploading") }) + + this.dialog = h( + "dialog", + { class: "mp-dialog", "aria-labelledby": titleId, dir: documentDirection() }, + h( + "div", + { class: "mp-header" }, + h("h2", { id: titleId, class: "mp-title" }, title), + h( + "button", + { type: "button", class: "mp-icon-button", "aria-label": this.t("close"), onClick: () => this.cancel() }, + icon("x"), + ), + ), + this.toolbar(), + this.uploads, + this.error, + h("div", { class: "mp-body" }, this.list, this.more), + h( + "div", + { class: "mp-footer" }, + this.status, + h( + "div", + { class: "mp-actions" }, + h("button", { type: "button", class: "mp-button", onClick: () => this.cancel() }, this.t("cancel")), + this.choose, + ), + ), + ) + + this.dialog.addEventListener("cancel", (event) => { + event.preventDefault() + this.cancel() + }) + } + + open(): void { + document.body.append(this.dialog) + this.dialog.showModal() + this.updateSelection() + void this.load(1) + this.dialog.querySelector(".mp-search input")?.focus() + } + + private toolbar(): HTMLElement { + const search = h("input", { + type: "search", + class: "mp-input", + placeholder: this.t("search_media"), + "aria-label": this.t("search_media"), + dir: "auto", + }) + search.addEventListener( + "input", + debounce(() => { + this.search = search.value.trim() + void this.load(1) + }), + ) + + const filters: HTMLElement[] = [h("label", { class: "mp-search" }, icon("search"), search)] + + const typeOptions = (this.options.types ?? []).filter((type) => !this.types.length || this.types.includes(type.value)) + if (typeOptions.length > 1) { + const select = h( + "select", + { class: "mp-input mp-select", "aria-label": this.t("type") }, + h("option", { value: "" }, this.t("all_types")), + ...typeOptions.map((type) => h("option", { value: type.value }, type.label)), + ) + select.addEventListener("change", () => { + this.typeFilter = select.value + void this.load(1) + }) + filters.push(select) + } + + if (this.options.upload !== false) { + const input = h("input", { + type: "file", + class: "mp-file-input", + multiple: true, + accept: this.options.accept ?? null, + tabindex: -1, + "aria-hidden": "true", + }) + input.addEventListener("change", () => { + const files = Array.from(input.files ?? []) + input.value = "" + files.forEach((file) => void this.upload(file)) + }) + filters.push( + h( + "button", + { type: "button", class: "mp-button", onClick: () => input.click() }, + icon("upload"), + this.t("upload"), + ), + input, + ) + } + + return h("div", { class: "mp-toolbar" }, ...filters) + } + + private async load(page: number): Promise { + this.request?.abort() + this.request = new AbortController() + this.loading = true + this.showError(null) + this.dialog.setAttribute("aria-busy", "true") + + try { + const type = this.typeFilter ? [this.typeFilter] : this.types + const result = await this.client.list( + { search: this.search, type, page, per_page: 24, orderby: "created_at", order: "desc" }, + this.request.signal, + ) + + this.items = page === 1 ? result.data : [...this.items, ...result.data] + this.page = result.meta.current_page + this.lastPage = result.meta.last_page + this.render() + } catch (error) { + if ((error as Error).name !== "AbortError") this.showError(this.t("error")) + } finally { + this.loading = false + this.dialog.removeAttribute("aria-busy") + } + } + + private async upload(file: File): Promise { + const progress = h("progress", { max: 100, value: 0, class: "mp-progress" }) + const row = h("li", { class: "mp-upload" }, h("span", { dir: "auto" }, file.name), progress) + this.uploads.append(row) + + try { + const media = await this.client.upload(file, { + type: this.types.length ? this.types : null, + onProgress: (fraction) => (progress.value = Math.round(fraction * 100)), + }) + + row.remove() + this.items = [media, ...this.items.filter((item) => item.id !== media.id)] + this.select(media) + this.render() + } catch (error) { + row.remove() + const message = + error instanceof LibraryError ? (Object.values(error.errors)[0]?.[0] ?? error.message) : this.t("upload_failed") + this.showError(`${file.name}: ${message}`) + } + } + + private render(): void { + this.list.replaceChildren(...this.items.map((item) => this.item(item))) + + if (!this.items.length) { + this.list.append(h("p", { class: "mp-empty" }, this.t(this.search || this.typeFilter ? "no_matching_media" : "no_media"))) + } + + this.more.hidden = this.page >= this.lastPage + this.updateSelection() + } + + private item(item: MediaItem): HTMLElement { + const pressed = this.selected.has(item.id) + const thumb = item.thumb + ? h("img", { src: item.thumb, alt: "", loading: "lazy", class: "mp-thumb" }) + : h("span", { class: "mp-thumb mp-thumb--icon" }, icon(item.icon)) + + const button = h( + "button", + { + type: "button", + class: "mp-item", + "aria-pressed": pressed ? "true" : "false", + title: item.name, + "data-id": item.id, + }, + thumb, + h("span", { class: "mp-name", dir: "auto" }, item.name), + h("span", { class: "mp-check" }, icon("check")), + ) + + button.addEventListener("click", () => { + this.toggle(item) + this.render() + this.list.querySelector(`[data-id="${item.id}"]`)?.focus() + }) + button.addEventListener("dblclick", () => { + if (this.multiple) return + this.selected = new Map([[item.id, item]]) + this.finish() + }) + + return button + } + + private toggle(item: MediaItem): void { + if (this.selected.has(item.id)) { + this.selected.delete(item.id) + return + } + this.select(item) + } + + private select(item: MediaItem): void { + if (!this.multiple) this.selected.clear() + this.selected.set(item.id, item) + } + + private updateSelection(): void { + const count = this.selected.size + this.choose.disabled = count === 0 + this.announce(count ? this.t("selected", { count }) : this.t("no_selection")) + } + + private announce(message: string): void { + if (message) this.status.textContent = message + } + + private showError(message: string | null): void { + this.error.hidden = !message + this.error.textContent = message ?? "" + } + + private finish(): void { + this.close(Array.from(this.selected.values())) + } + + private cancel(): void { + this.close(null) + } + + private close(result: MediaItem[] | null): void { + if (this.resolved) return + this.resolved = true + this.request?.abort() + this.dialog.close() + this.dialog.remove() + this.resolve(result) + } +} diff --git a/resources/js/picker/field.ts b/resources/js/picker/field.ts new file mode 100644 index 0000000..f8fafd8 --- /dev/null +++ b/resources/js/picker/field.ts @@ -0,0 +1,183 @@ +import { h, icon } from "../dom" +import { translator } from "../strings" +import type { FileTypeOption, MediaItem, Strings } from "../types" +import { openMediaPicker, type MediaPickerOptions } from "./dialog" + +/** What `` puts in `data-mediapicker-field`. */ +export interface PickerFieldConfig { + /** The input name; `images[]` for several. */ + name: string + multiple: boolean + type: string[] + url: string + value: MediaItem[] + types?: FileTypeOption[] + accept?: string + upload?: boolean + disabled?: boolean + strings?: Partial +} + +const mounted = new WeakMap() + +/** + * The Blade picker field: chosen media with their previews, hidden inputs with their ids, + * and buttons to choose, reorder and remove. Fires `change` (bubbling) when the value changes. + */ +export class PickerField { + private value: MediaItem[] + private readonly t: ReturnType + private readonly items: HTMLUListElement + private readonly inputs: HTMLElement + private readonly clear: HTMLButtonElement | null + + constructor( + private readonly element: HTMLElement, + private readonly config: PickerFieldConfig, + ) { + this.value = config.value ?? [] + this.t = translator(config.strings) + this.items = element.querySelector(".mp-field__items") ?? element.appendChild(h("ul", { class: "mp-field__items" })) + this.inputs = element.querySelector(".mp-field__inputs") ?? element.appendChild(h("div", { class: "mp-field__inputs" })) + this.clear = element.querySelector("[data-mp-clear]") + + element.querySelector("[data-mp-choose]")?.addEventListener("click", () => void this.choose()) + this.clear?.addEventListener("click", () => this.set([])) + + this.render() + } + + getValue(): MediaItem[] { + return this.value + } + + set(value: MediaItem[]): void { + this.value = this.config.multiple ? value : value.slice(0, 1) + this.render() + this.element.dispatchEvent(new CustomEvent("change", { bubbles: true, detail: { value: this.value } })) + } + + async choose(): Promise { + const options: MediaPickerOptions = { + url: this.config.url, + multiple: this.config.multiple, + type: this.config.type, + types: this.config.types, + accept: this.config.accept, + upload: this.config.upload, + strings: this.config.strings, + selected: this.value, + } + + const chosen = await openMediaPicker(options) + + if (chosen) this.set(chosen) + + this.element.querySelector("[data-mp-choose]")?.focus() + } + + private render(): void { + const disabled = this.config.disabled ?? false + + this.items.replaceChildren(...this.value.map((item, index) => this.item(item, index, disabled))) + + const base = this.config.name.replace(/\[\]$/, "") + const inputs = this.value.length + ? this.value.map((item) => h("input", { type: "hidden", name: this.config.name, value: item.id })) + : // an empty value, so the request still says the field was cleared + [h("input", { type: "hidden", name: base, value: "" })] + + this.inputs.replaceChildren(...inputs) + + if (this.clear) this.clear.hidden = !this.value.length || disabled + + const empty = this.element.querySelector(".mp-field__empty") + if (empty) empty.hidden = this.value.length > 0 + } + + private item(item: MediaItem, index: number, disabled: boolean): HTMLLIElement { + const actions: HTMLElement[] = [] + + if (this.config.multiple && !disabled) { + actions.push( + h( + "button", + { + type: "button", + class: "mp-icon-button", + "aria-label": `${this.t("move_up")}: ${item.name}`, + disabled: index === 0, + onClick: () => this.move(index, -1), + }, + icon("arrow-up"), + ), + h( + "button", + { + type: "button", + class: "mp-icon-button", + "aria-label": `${this.t("move_down")}: ${item.name}`, + disabled: index === this.value.length - 1, + onClick: () => this.move(index, 1), + }, + icon("arrow-down"), + ), + ) + } + + if (!disabled) { + actions.push( + h( + "button", + { + type: "button", + class: "mp-icon-button mp-button--danger", + "aria-label": `${this.t("remove")}: ${item.name}`, + onClick: () => this.set(this.value.filter((other) => other.id !== item.id)), + }, + icon("x"), + ), + ) + } + + return h( + "li", + { class: "mp-field__item", "data-id": item.id }, + item.thumb + ? h("img", { src: item.thumb, alt: item.alt ?? "", class: "mp-thumb", loading: "lazy" }) + : h("span", { class: "mp-thumb mp-thumb--icon" }, icon(item.icon)), + h("span", { class: "mp-name", dir: "auto", title: item.name }, item.name), + actions.length ? h("span", { class: "mp-field__item-actions" }, ...actions) : null, + ) + } + + private move(index: number, by: number): void { + const value = [...this.value] + const [item] = value.splice(index, 1) + if (!item) return + value.splice(index + by, 0, item) + this.set(value) + } +} + +/** Mounts every `[data-mediapicker-field]` inside the root that isn't mounted yet. */ +export function mountPickerFields(root: ParentNode = document): PickerField[] { + const fields: PickerField[] = [] + + root.querySelectorAll("[data-mediapicker-field]").forEach((element) => { + if (mounted.has(element)) return + + const config = JSON.parse(element.dataset.mediapickerField || "{}") as PickerFieldConfig + const field = new PickerField(element, config) + + mounted.set(element, field) + fields.push(field) + }) + + return fields +} + +/** The mounted field of an element, to read or set its value from other scripts. */ +export function pickerField(element: HTMLElement): PickerField | undefined { + return mounted.get(element) +} diff --git a/resources/js/react/CropBeforeUpload.tsx b/resources/js/react/CropBeforeUpload.tsx new file mode 100644 index 0000000..635ee21 --- /dev/null +++ b/resources/js/react/CropBeforeUpload.tsx @@ -0,0 +1,46 @@ +import { Button } from "@javaabu/forms" +import { ImageCropper, type PixelCrop } from "@javaabu/onu/media" +import { useMemo, useRef } from "react" + +import { translator } from "../strings" +import type { CropPreset, Strings } from "../types" + +export interface CropBeforeUploadProps { + file: File + preset: CropPreset + /** The crop in source pixels, or null to upload the whole image. */ + onDone: (crop: PixelCrop | null) => void + strings?: Partial | null +} + +/** + * Crops an image before it's uploaded (Onu's `ImageCropper`). The original is uploaded as + * is; the crop is saved with it for the preset. + */ +export function CropBeforeUpload({ file, preset, onDone, strings }: CropBeforeUploadProps) { + const t = useMemo(() => translator(strings), [strings]) + const area = useRef(null) + + return ( +
+

+ {t("crop_image")} · {preset.label} · {file.name} +

+ (area.current = crop)} + /> +
+ + +
+
+ ) +} diff --git a/resources/js/react/Flash.tsx b/resources/js/react/Flash.tsx new file mode 100644 index 0000000..94305a2 --- /dev/null +++ b/resources/js/react/Flash.tsx @@ -0,0 +1,18 @@ +import { Alert } from "@javaabu/forms" +import { usePage } from "@inertiajs/react" + +interface FlashProps { + flash?: { success?: string | null; error?: string | null } +} + +/** The page's flashed success or error message. */ +export function Flash() { + const flash = (usePage().props as FlashProps).flash + + return ( + <> + {flash?.success ? {flash.success} : null} + {flash?.error ? {flash.error} : null} + + ) +} diff --git a/resources/js/react/Icon.tsx b/resources/js/react/Icon.tsx new file mode 100644 index 0000000..ea02d4a --- /dev/null +++ b/resources/js/react/Icon.tsx @@ -0,0 +1,25 @@ +import { icons } from "../icons" + +export interface IconProps { + /** A Lucide icon name the package ships (resources/js/icons.ts). */ + name: string + className?: string +} + +/** A Lucide icon, hidden from assistive technology. */ +export function Icon({ name, className = "mp-icon" }: IconProps) { + return ( + + ) +} diff --git a/resources/js/react/MediaCropper.tsx b/resources/js/react/MediaCropper.tsx new file mode 100644 index 0000000..5654791 --- /dev/null +++ b/resources/js/react/MediaCropper.tsx @@ -0,0 +1,49 @@ +import { useEffect, useRef } from "react" + +import { CropperWidget } from "../cropper/cropper" +import type { CropPreset, MediaItem, Strings } from "../types" + +export interface MediaCropperProps { + /** The library's index URL. */ + url: string + media: MediaItem + presets: CropPreset[] + /** Called with the updated media after a crop is saved. */ + onCropped?: (media: MediaItem, preset: string) => void + strings?: Partial | null + className?: string +} + +/** + * Crops a library image per preset, without changing the original: the same cropper as the + * Blade edit page. Conversions that use the preset are made again from the new crop. + */ +export function MediaCropper({ url, media, presets, onCropped, strings, className }: MediaCropperProps) { + const element = useRef(null) + const callback = useRef(onCropped) + + useEffect(() => { + callback.current = onCropped + }, [onCropped]) + + useEffect(() => { + const root = element.current + if (!root || !presets.length) return + + const widget = new CropperWidget(root, { url, media, presets, strings: strings ?? undefined }) + const listener = (event: Event) => { + const detail = (event as CustomEvent<{ media: MediaItem; preset: string }>).detail + callback.current?.(detail.media, detail.preset) + } + root.addEventListener("mediapicker:cropped", listener) + + return () => { + root.removeEventListener("mediapicker:cropped", listener) + widget.destroy() + } + // the widget is rebuilt for another image + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [url, media.id, media.url]) + + return
+} diff --git a/resources/js/react/MediaLibraryDialog.tsx b/resources/js/react/MediaLibraryDialog.tsx new file mode 100644 index 0000000..eba9c2e --- /dev/null +++ b/resources/js/react/MediaLibraryDialog.tsx @@ -0,0 +1,216 @@ +import { Alert, Button, Modal } from "@javaabu/forms" +import { MediaLister, type MediaItem as ListerItem } from "@javaabu/onu" +import { useEffect, useMemo, useRef, useState } from "react" + +import type { LibraryClient } from "../api" +import { defaultTitle } from "../picker/dialog" +import { translator } from "../strings" +import type { CropPreset, FileTypeOption, MediaItem, Strings } from "../types" +import { CropBeforeUpload } from "./CropBeforeUpload" +import { Icon } from "./Icon" +import { useLibrary } from "./useLibrary" + +export interface MediaLibraryDialogProps { + open: boolean + onOpenChange: (open: boolean) => void + /** Called with the chosen media when the user clicks Choose. */ + onChoose: (media: MediaItem[]) => void + /** The library's index URL, e.g. `/admin/media`. */ + url: string + multiple?: boolean + /** Only these file types. */ + type?: string | string[] | null + /** Already chosen; they start selected. */ + selected?: MediaItem[] + /** File types to filter by, when `type` doesn't limit them. */ + types?: FileTypeOption[] + /** Allow uploads. Default true. */ + upload?: boolean + accept?: string + /** Crop new images to this preset before they're uploaded. */ + cropOnUpload?: CropPreset | null + title?: string + strings?: Partial | null + client?: LibraryClient +} + +function toListerItem(item: MediaItem): ListerItem { + return { + id: item.id, + name: item.name, + url: item.url, + thumbnailUrl: item.thumb ?? undefined, + alt: item.alt ?? "", + type: item.mime_type, + size: item.size, + } +} + +/** + * The media library in a modal: search, a type filter, uploads with progress (and an + * optional crop first), and single or multiple selection + */ +export function MediaLibraryDialog({ + open, + onOpenChange, + onChoose, + url, + multiple = false, + type = null, + selected = [], + types = [], + upload = true, + accept, + cropOnUpload = null, + title, + strings, + client, +}: MediaLibraryDialogProps) { + const t = useMemo(() => translator(strings), [strings]) + const library = useLibrary({ url, type, enabled: open, client }) + const [chosen, setChosen] = useState>(new Map()) + const [cropping, setCropping] = useState([]) + const fileInput = useRef(null) + const limited = useMemo(() => (type ? (Array.isArray(type) ? type : [type]) : []), [type]) + + useEffect(() => { + if (open) setChosen(new Map(selected.map((item) => [item.id, item]))) + // only when the dialog opens + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [open]) + + const select = (ids: Array) => { + const byId = new Map([...library.items, ...chosen.values()].map((item) => [item.id, item])) + setChosen(new Map(ids.map((id) => [Number(id), byId.get(Number(id))]).filter((entry): entry is [number, MediaItem] => !!entry[1]))) + } + + const add = (media: MediaItem | null) => { + if (!media) return + setChosen((current) => (multiple ? new Map(current).set(media.id, media) : new Map([[media.id, media]]))) + } + + const uploadFiles = (files: File[]) => { + const images = cropOnUpload ? files.filter((file) => file.type.startsWith("image/")) : [] + const others = files.filter((file) => !images.includes(file)) + + others.forEach((file) => void library.upload(file).then(add)) + if (images.length) setCropping(images) + } + + const typeOptions = types.filter((option) => !limited.length || limited.includes(option.value)) + + const toolbar = ( + <> + {typeOptions.length > 1 ? ( + + ) : null} + {upload ? ( + <> + + { + uploadFiles(Array.from(event.target.files ?? [])) + event.target.value = "" + }} + /> + + ) : null} + + ) + + const current = cropping[0] + + return ( + + + {chosen.size ? t("selected", { count: chosen.size }) : t("no_selection")} + +
+ + +
+
+ } + > +
+ {library.error ? {library.error} : null} + + {library.uploads.length ? ( +
    + {library.uploads.map((item) => ( +
  • + {item.name} + +
    • + ))} +
+ ) : null} + + {current && cropOnUpload ? ( + { + void library.upload(current, crop ? { crops: { [cropOnUpload.name]: crop } } : {}).then(add) + setCropping((files) => files.slice(1)) + }} + /> + ) : ( + + )} +
+ + ) +} diff --git a/resources/js/react/MediaPicker.tsx b/resources/js/react/MediaPicker.tsx new file mode 100644 index 0000000..08d9938 --- /dev/null +++ b/resources/js/react/MediaPicker.tsx @@ -0,0 +1,176 @@ +import { Button } from "@javaabu/forms" +import { useMemo, useState } from "react" + +import type { LibraryClient } from "../api" +import { translator } from "../strings" +import type { CropPreset, FileTypeOption, MediaItem, Strings } from "../types" +import { Icon } from "./Icon" +import { MediaLibraryDialog } from "./MediaLibraryDialog" + +type Value = MediaItem | MediaItem[] | null + +export interface MediaPickerProps { + /** The chosen media: one item (or null), or a list with `multiple`. */ + value: Value + onChange: (value: Value) => void + /** The library's index URL, e.g. `/admin/media`. */ + url: string + multiple?: boolean + /** Only these file types (`image`, `video`, …). */ + type?: string | string[] | null + /** Hidden inputs with this name carry the ids in a plain form submit (`images[]` for several). */ + name?: string + /** The input id, for a label's `htmlFor`. */ + id?: string + disabled?: boolean + invalid?: boolean + /** Ids of elements that describe the field (help, errors). */ + describedBy?: string + types?: FileTypeOption[] + upload?: boolean + accept?: string + cropOnUpload?: CropPreset | null + strings?: Partial | null + client?: LibraryClient +} + +/** + * A field value of library media: previews of the chosen media, and buttons to choose + * (in the library dialog), reorder and remove. Controlled with `value` / `onChange`. + */ +export function MediaPicker({ + value, + onChange, + url, + multiple = false, + type = null, + name, + id, + disabled = false, + invalid = false, + describedBy, + types, + upload, + accept, + cropOnUpload, + strings, + client, +}: MediaPickerProps) { + const t = useMemo(() => translator(strings), [strings]) + const [open, setOpen] = useState(false) + const items = value === null ? [] : Array.isArray(value) ? value : [value] + + const set = (next: MediaItem[]) => onChange(multiple ? next : (next[0] ?? null)) + + const move = (index: number, by: number) => { + const next = [...items] + const [item] = next.splice(index, 1) + if (!item) return + next.splice(index + by, 0, item) + set(next) + } + + const base = name?.replace(/\[\]$/, "") + + return ( +
+ {name ? ( + items.length ? ( + items.map((item) => ) + ) : ( + + ) + ) : null} + + {items.length ? ( +
    + {items.map((item, index) => ( +
  • + {item.thumb ? ( + {item.alt + ) : ( + + + + )} + + {item.name} + + {!disabled ? ( + + {multiple ? ( + <> + + + + ) : null} + + + ) : null} +
    • + ))} +
+ ) : ( +

{t("no_selection")}

+ )} + +
+ + {items.length && !disabled ? ( + + ) : null} +
+ + +
+ ) +} diff --git a/resources/js/react/MediaPickerField.tsx b/resources/js/react/MediaPickerField.tsx new file mode 100644 index 0000000..c8fcf61 --- /dev/null +++ b/resources/js/react/MediaPickerField.tsx @@ -0,0 +1,45 @@ +import { FormGroup, useFieldErrors } from "@javaabu/forms" +import type { ReactNode } from "react" + +import { usePickerConfig } from "./context" +import { MediaPicker, type MediaPickerProps } from "./MediaPicker" + +export interface MediaPickerFieldProps extends Omit { + /** The field name; ids are submitted as `{name}` or `{name}[]`, and errors are read from it. */ + name: string + label?: ReactNode + help?: ReactNode + required?: boolean + /** Defaults to the provider's library URL. */ + url?: string + /** A crop preset name: new images are cropped to it before they're uploaded. */ + crop?: string | null +} + +/** + * `MediaPicker` in a form group, with its label, help and validation errors (including + * `name.0`, …). Bind it by hand with `value` / `onChange` (see Javaabu/react-forms#23). + */ +export function MediaPickerField({ name, label, help, required, url, crop = null, multiple = false, ...props }: MediaPickerFieldProps) { + const config = usePickerConfig() + const errors = useFieldErrors(name) + const id = `${name.replace(/[[\].]+/g, "_")}_picker` + const preset = crop ? (config?.crop_presets.find((item) => item.name === crop) ?? null) : null + + return ( + + + + ) +} diff --git a/resources/js/react/MediaPreview.tsx b/resources/js/react/MediaPreview.tsx new file mode 100644 index 0000000..a9c48a1 --- /dev/null +++ b/resources/js/react/MediaPreview.tsx @@ -0,0 +1,32 @@ +import type { MediaItem } from "../types" +import { Icon } from "./Icon" + +/** A large preview of a library media: the image, a video or audio player, or the file's icon. */ +export function MediaPreview({ media, className = "" }: { media: MediaItem; className?: string }) { + if (media.type === "image") { + return ( + {media.alt + ) + } + + if (media.type === "video") { + return + + {media.file_name} + + ) +} diff --git a/resources/js/react/Picture.tsx b/resources/js/react/Picture.tsx new file mode 100644 index 0000000..e530119 --- /dev/null +++ b/resources/js/react/Picture.tsx @@ -0,0 +1,41 @@ +import type { ImgHTMLAttributes } from "react" + +import type { ImageData } from "../types" + +export interface PictureProps extends Omit, "src" | "srcSet" | "width" | "height"> { + /** From `Mediapicker::image($attachment, 'card')` (or `ImageData::for()`) on the server. */ + image: ImageData | null | undefined +} + +/** + * An attached image as ``: the same markup as ``, from the + * data the server prepares (sources per format, srcset, width, height, alt). + */ +export function Picture({ image, sizes, alt, loading = "lazy", ...props }: PictureProps) { + if (!image) return null + + const img = ( + {alt + ) + + if (!image.sources.length) return img + + return ( + + {image.sources.map((source) => ( + + ))} + {img} + + ) +} diff --git a/resources/js/react/StencilMediaPicker.tsx b/resources/js/react/StencilMediaPicker.tsx new file mode 100644 index 0000000..8430b63 --- /dev/null +++ b/resources/js/react/StencilMediaPicker.tsx @@ -0,0 +1,65 @@ +import type { StencilComponentProps } from "@javaabu/stencil" +import { useState } from "react" + +import type { CropPreset, FileTypeOption, MediaItem, Strings } from "../types" +import { MediapickerProvider, usePickerConfig } from "./context" +import { MediaPickerField } from "./MediaPickerField" + +/** + * The React component of the stencil `mediapicker` field type + * (`Javaabu\Mediapicker\Stencil\MediaPickerField`). Register it once: + * + * ```tsx + * + * ``` + */ +export function StencilMediaPicker({ node }: StencilComponentProps) { + const props = (node.props ?? {}) as { + label?: string + help?: string + required?: boolean + disabled?: boolean + multiple?: boolean + type?: string[] + url?: string + crop?: string | null + value?: MediaItem[] + types?: FileTypeOption[] + accept?: string + cropPresets?: CropPreset[] + strings?: Strings + maxSize?: number + } + + const inherited = usePickerConfig() + const multiple = props.multiple ?? false + const [value, setValue] = useState( + multiple ? (props.value ?? []) : (props.value?.[0] ?? null), + ) + + const config = { + url: props.url ?? inherited?.url ?? "", + types: props.types ?? inherited?.types ?? [], + accept: props.accept ?? inherited?.accept ?? "", + max_size: props.maxSize ?? inherited?.max_size ?? 0, + crop_presets: props.cropPresets ?? inherited?.crop_presets ?? [], + strings: (props.strings ?? inherited?.strings) as Strings, + } + + return ( + + + + ) +} diff --git a/resources/js/react/context.tsx b/resources/js/react/context.tsx new file mode 100644 index 0000000..cddf2e6 --- /dev/null +++ b/resources/js/react/context.tsx @@ -0,0 +1,32 @@ +import { createContext, useContext, type ReactNode } from "react" + +import type { CropPreset, FileTypeOption, Strings } from "../types" + +/** What `Mediapicker::pickerConfig()` gives React: share it with Inertia once. */ +export interface PickerConfig { + /** The library's index URL. */ + url: string + types: FileTypeOption[] + accept: string + max_size: number + crop_presets: CropPreset[] + strings: Strings +} + +const PickerConfigContext = createContext(null) + +/** + * Gives every picker inside the library URL, file types and strings, so fields don't repeat + * them. Share `Mediapicker::pickerConfig()` from your HandleInertiaRequests middleware: + * + * ```tsx + * … + * ``` + */ +export function MediapickerProvider({ config, children }: { config: PickerConfig | null | undefined; children: ReactNode }) { + return {children} +} + +export function usePickerConfig(): PickerConfig | null { + return useContext(PickerConfigContext) +} diff --git a/resources/js/react/useLibrary.ts b/resources/js/react/useLibrary.ts new file mode 100644 index 0000000..d7cb1e7 --- /dev/null +++ b/resources/js/react/useLibrary.ts @@ -0,0 +1,121 @@ +import { useCallback, useEffect, useMemo, useRef, useState } from "react" + +import { createLibraryClient, LibraryError, type LibraryClient, type UploadOptions } from "../api" +import type { MediaItem } from "../types" + +export interface Upload { + key: string + name: string + progress: number +} + +export interface UseLibraryOptions { + url: string + /** Only these types. */ + type?: string | string[] | null + /** Don't load until true (a closed dialog). Default true. */ + enabled?: boolean + perPage?: number + client?: LibraryClient +} + +/** + * Loads a library's media page by page, with search and a type filter, and uploads to it + */ +export function useLibrary({ url, type = null, enabled = true, perPage = 24, client: givenClient }: UseLibraryOptions) { + const client = useMemo(() => givenClient ?? createLibraryClient(url), [givenClient, url]) + const types = useMemo(() => (type ? (Array.isArray(type) ? type : [type]) : []), [type]) + const typesKey = types.join(",") + + const [items, setItems] = useState([]) + const [page, setPage] = useState(1) + const [lastPage, setLastPage] = useState(1) + const [search, setSearch] = useState("") + const [typeFilter, setTypeFilter] = useState("") + const [loading, setLoading] = useState(false) + const [error, setError] = useState(null) + const [uploads, setUploads] = useState([]) + const request = useRef(null) + + const load = useCallback( + async (nextPage: number) => { + request.current?.abort() + const controller = new AbortController() + request.current = controller + setLoading(true) + setError(null) + + try { + const result = await client.list( + { + search, + type: typeFilter ? [typeFilter] : typesKey ? typesKey.split(",") : null, + page: nextPage, + per_page: perPage, + }, + controller.signal, + ) + setItems((current) => (nextPage === 1 ? result.data : [...current, ...result.data])) + setPage(result.meta.current_page) + setLastPage(result.meta.last_page) + } catch (caught) { + if ((caught as Error).name !== "AbortError") setError((caught as Error).message) + } finally { + if (request.current === controller) setLoading(false) + } + }, + [client, search, typeFilter, typesKey, perPage], + ) + + useEffect(() => { + if (!enabled) return + const timer = setTimeout(() => void load(1), search ? 300 : 0) + return () => clearTimeout(timer) + }, [enabled, load, search]) + + useEffect(() => () => request.current?.abort(), []) + + const upload = useCallback( + async (file: File, options: Omit = {}): Promise => { + const key = `${file.name}-${Date.now()}-${Math.random()}` + setUploads((current) => [...current, { key, name: file.name, progress: 0 }]) + + try { + const media = await client.upload(file, { + ...options, + type: types.length ? types : null, + onProgress: (progress) => + setUploads((current) => current.map((item) => (item.key === key ? { ...item, progress } : item))), + }) + setItems((current) => [media, ...current.filter((item) => item.id !== media.id)]) + return media + } catch (caught) { + const message = + caught instanceof LibraryError ? (Object.values(caught.errors)[0]?.[0] ?? caught.message) : String(caught) + setError(`${file.name}: ${message}`) + return null + } finally { + setUploads((current) => current.filter((item) => item.key !== key)) + } + }, + [client, types], + ) + + return { + client, + items, + page, + hasMore: page < lastPage, + loadMore: () => void load(page + 1), + reload: () => void load(1), + search, + setSearch, + typeFilter, + setTypeFilter, + loading, + error, + setError, + uploads, + upload, + } +} diff --git a/resources/js/strings.en.json b/resources/js/strings.en.json new file mode 100644 index 0000000..a3b5207 --- /dev/null +++ b/resources/js/strings.en.json @@ -0,0 +1,101 @@ +{ + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." +} diff --git a/resources/js/strings.ts b/resources/js/strings.ts new file mode 100644 index 0000000..6c338f8 --- /dev/null +++ b/resources/js/strings.ts @@ -0,0 +1,39 @@ +import defaultStrings from "./strings.en.json" +import type { StringKey, Strings } from "./types" + +/** The English strings, used for any key the server didn't send. */ +export const englishStrings: Strings = defaultStrings + +/** The server's strings over the English ones. */ +export function withDefaults(strings?: Partial | null): Strings { + return { ...englishStrings, ...(strings ?? {}) } +} + +/** Replaces `:name` placeholders, longest names first so `:count` isn't cut by `:c`. */ +export function format(text: string, replace: Record = {}): string { + return Object.keys(replace) + .sort((a, b) => b.length - a.length) + .reduce((result, key) => result.split(`:${key}`).join(String(replace[key])), text) +} + +/** A translator for a set of strings. */ +export function translator(strings?: Partial | null) { + const all = withDefaults(strings) + + return (key: StringKey, replace?: Record) => format(all[key] ?? key, replace) +} + +export type Translator = ReturnType + +/** "1.5 MB", from bytes. */ +export function formatBytes(bytes: number): string { + if (bytes < 1024) return `${bytes} B` + const units = ["KB", "MB", "GB"] + let size = bytes / 1024 + let unit = 0 + while (size >= 1024 && unit < units.length - 1) { + size /= 1024 + unit++ + } + return `${Math.round(size * 10) / 10} ${units[unit]}` +} diff --git a/resources/js/types.ts b/resources/js/types.ts new file mode 100644 index 0000000..f72cc5a --- /dev/null +++ b/resources/js/types.ts @@ -0,0 +1,139 @@ +import type defaultStrings from "./strings.en.json" + +/** A crop of an image for a preset, in source pixels. */ +export interface Crop { + x: number + y: number + width: number + height: number + rotation: number +} + +/** An aspect-ratio preset from `config('mediapicker.crop_presets')`. */ +export interface CropPreset { + name: string + label: string + /** Width / height, or null for free cropping. */ + aspect: number | null +} + +/** A library media item, as `MediaResource` sends it. */ +export interface MediaItem { + id: number + uuid: string + name: string + file_name: string + mime_type: string + /** `image`, `video`, `audio`, `document`, `archive`, or null for other files. */ + type: string | null + /** A Lucide icon name for the file type. */ + icon: string + size: number + human_size: string + width: number | null + height: number | null + description: string | null + alt: string | null + caption: string | null + url: string + thumb: string | null + preview: string | null + crops: Record + /** Values per locale (`name_en`, `name_dv`, …) when javaabu/translatable is on. */ + translations: Record | null + owner: { id: number | string; name: string | null } | null + created_at: string | null + updated_at: string | null + can: { update: boolean; delete: boolean } + links: { show: string; edit: string; update: string; destroy: string } | null +} + +/** A Laravel paginated resource collection. */ +export interface Paginated { + data: T[] + links: { first: string | null; last: string | null; prev: string | null; next: string | null } + meta: { + current_page: number + last_page: number + per_page: number + total: number + from: number | null + to: number | null + path: string + links: Array<{ url: string | null; label: string; active: boolean }> + } +} + +export interface FileTypeOption { + value: string + label: string + icon: string +} + +/** The UI strings, keyed as in `Javaabu\Mediapicker\Support\Strings`. */ +export type StringKey = keyof typeof defaultStrings +export type Strings = Record + +export interface LibraryFilters { + search: string | null + type: string[] + owner: "mine" | null + date_from: string | null + date_to: string | null + orderby: "created_at" | "name" | "size" | "id" + order: "asc" | "desc" + per_page: number + view: "grid" | "list" +} + +export interface LibraryUrls { + index: string + create: string + store: string + bulk: string + show?: string + edit?: string + update?: string + destroy?: string + /** With a `{preset}` placeholder. */ + crop?: string +} + +/** What every library page gets from the controller. */ +export interface LibraryPageProps { + title: string + can: { create: boolean; view_others: boolean; update: boolean | null; delete: boolean | null } + urls: LibraryUrls + file_types: FileTypeOption[] + upload: { accept: string; max_size: number } + crop_presets: CropPreset[] + translatable: boolean + strings: Strings +} + +export interface MediaIndexProps extends LibraryPageProps { + media_items: Paginated + filters: LibraryFilters +} + +export type MediaCreateProps = LibraryPageProps + +export interface MediaShowProps extends LibraryPageProps { + media: MediaItem +} + +export interface MediaEditProps extends MediaShowProps { + /** The details form, from javaabu/stencil. */ + form: unknown +} + +/** An attached image ready to render, from `Javaabu\Mediapicker\Support\ImageData`. */ +export interface ImageData { + src: string + srcset: string | null + sizes: string | null + sources: Array<{ type: string; srcset: string }> + width: number | null + height: number | null + alt: string +} diff --git a/resources/views/components/picker.blade.php b/resources/views/components/picker.blade.php new file mode 100644 index 0000000..e176f7a --- /dev/null +++ b/resources/views/components/picker.blade.php @@ -0,0 +1,51 @@ +@php($config = $config()) + +
merge(['class' => 'mp-field']) }} + data-mediapicker-field="{{ json_encode($config) }}" + @if($errors->has($dot_name) || $errors->has("{$dot_name}.*")) aria-invalid="true" @endif + > +
    + @foreach($items as $item) +
  • + @if($item['thumb']) + {{ $item['alt'] ?? '' }} + @else + @include('mediapicker::partials.icon', ['name' => $item['icon']]) + @endif + {{ $item['name'] }} +
    • + @endforeach +
+ + + +
+ @forelse($items as $item) + + @empty + + @endforelse +
+ +
+ + +
+
+ + @if($help) + {{ $help }} + @endif + + + @if($multiple) + + @endif + diff --git a/resources/views/material-admin-26/media/_actions.blade.php b/resources/views/material-admin-26/media/_actions.blade.php deleted file mode 100644 index 7c51671..0000000 --- a/resources/views/material-admin-26/media/_actions.blade.php +++ /dev/null @@ -1,48 +0,0 @@ -
- @if(isset($media)) - @can('delete', $media) - - {{ __('Delete') }} - - @endcan - - @can('viewLogs', $media) - - {{ __('View Logs') }} - - @endcan - - @can('view', $media) - - {{ __('View') }} - - @endcan - - @can('update', $media) - - {{ __('Edit') }} - - @endcan - @endif - - @can('create', \Javaabu\Mediapicker\Mediapicker::mediaModel()) - - {{ __('Add New') }} - - @endcan - - @can('viewAny', \Javaabu\Mediapicker\Mediapicker::mediaModel()) - - {{ __('View All') }} - - - - {{ __('View All') }} - - @endcan -
diff --git a/resources/views/material-admin-26/media/_bulk.blade.php b/resources/views/material-admin-26/media/_bulk.blade.php deleted file mode 100644 index 911f309..0000000 --- a/resources/views/material-admin-26/media/_bulk.blade.php +++ /dev/null @@ -1,11 +0,0 @@ -@php - $actions = []; - - if (auth()->user()->canDeleteAnyMedia()) { - $actions['delete'] = __('Delete'); - } -@endphp - - - - diff --git a/resources/views/material-admin-26/media/_filter.blade.php b/resources/views/material-admin-26/media/_filter.blade.php deleted file mode 100644 index 8b39360..0000000 --- a/resources/views/material-admin-26/media/_filter.blade.php +++ /dev/null @@ -1,44 +0,0 @@ -@php - $media_model = \Javaabu\Mediapicker\Mediapicker::mediaModel(); -@endphp - - -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- diff --git a/resources/views/material-admin-26/media/_form.blade.php b/resources/views/material-admin-26/media/_form.blade.php deleted file mode 100644 index d30524f..0000000 --- a/resources/views/material-admin-26/media/_form.blade.php +++ /dev/null @@ -1,93 +0,0 @@ -
-
- - - @foreach($filters as $filter => $value) - - @endforeach -
- -
- -
- -
-
- -
-
-
- - -
-
- -
-
- -
-
- -
-
- -
-
- @php - $compares = [ - ' ' => __('No Comparision'), - 1 => __('Previous Period'), - 0 => __('Custom Period'), - ] - @endphp - - -
-
-
- -
-
-
-
- -
-
-
-
- - {{ __('Generate') }} - - - - {{ __('Download') }} - -
-
-
diff --git a/resources/views/material-admin-26/media/_grid.blade.php b/resources/views/material-admin-26/media/_grid.blade.php deleted file mode 100644 index bdaec1d..0000000 --- a/resources/views/material-admin-26/media/_grid.blade.php +++ /dev/null @@ -1,56 +0,0 @@ -@if($media_items->isEmpty()) -
-

- {{ __('No matching media found.') }} -

-
-@else - - @if(empty($no_bulk)) - - @include('mediapicker::material-admin-26.media._bulk') - - @endif - - @if(empty($no_checkbox)) -
-
- - -
-
- @endif - -
-
- @foreach($media_items as $media) -
- @include('mediapicker::material-admin-26.media._thumb') -
- - @if(($loop->index + 1) % 6 == 0) - - @endif - - @if(($loop->index + 1) % 4 == 0) -
- @endif - - @if(($loop->index + 1) % 2 == 0) -
- @endif - @endforeach -
- - @if(empty($no_pagination)) - - {{ $media_items->links('forms::material-admin-26.pagination') }} - - @endif -
- - @if(empty($no_bulk)) - - @endif -@endif diff --git a/resources/views/material-admin-26/media/_list.blade.php b/resources/views/material-admin-26/media/_list.blade.php deleted file mode 100644 index 0cc9aba..0000000 --- a/resources/views/material-admin-26/media/_list.blade.php +++ /dev/null @@ -1,56 +0,0 @@ -@foreach($media_items as $media) - - - - @can('view', $media) - - @endcan -
-
- @if($media->file_type != 'image') - - @endif -
-
- @can('view', $media) - - @endcan - - - - {!! $media->admin_link !!} - {{ $media->file_name }} -
- {{ __('ID: :id', ['id' => $media->id]) }} - - @can('view', $media) - - {{ __('View') }} - - @endcan - - @can('update', $media) - - {{ __('Edit') }} - - @endcan - - @can('delete', $media) - - {{ __('Delete') }} - - @endcan -
- - - - {!! $media->model ? $media->model->admin_link : '-' !!} - - - - - -@endforeach diff --git a/resources/views/material-admin-26/media/_table.blade.php b/resources/views/material-admin-26/media/_table.blade.php deleted file mode 100644 index 96e3140..0000000 --- a/resources/views/material-admin-26/media/_table.blade.php +++ /dev/null @@ -1,38 +0,0 @@ - - - @if(empty($no_bulk)) - - @include('mediapicker::material-admin-26.media._bulk') - - @endif - - - - @if(empty($compact)) - - - @endif - - - - @if(!isset($media_items) || $media_items->isEmpty()) - - {{ __('No matching media found.') }} - - @else - @include('mediapicker::material-admin-26.media._list') - @endif - - - @if(empty($no_pagination)) - - {{ $media_items->links('forms::material-admin-26.pagination') }} - - @endif - - diff --git a/resources/views/material-admin-26/media/_thumb.blade.php b/resources/views/material-admin-26/media/_thumb.blade.php deleted file mode 100644 index 4021407..0000000 --- a/resources/views/material-admin-26/media/_thumb.blade.php +++ /dev/null @@ -1,68 +0,0 @@ -@php - $row_id = 'media-'.$media->id.'-thumb'; - $is_selected = isset($selected) && in_array($media->id, $selected); -@endphp - - -{{--@can('update', $media) - -@endcan--}} -
-
- @if(empty($no_checkbox)) -
-
- @php $checkbox_id = $row_id.'-check'; @endphp - - -
-
- @endif - - @if(empty($hide_actions)) -
- @can('update', $media) - - - @endcan - - @can('delete', $media) - - - @endcan -
- @endif - - @if($media->file_type != 'image') - - @endif - - @if(! empty($selectable)) - - @else - @can('view', $media) - - @else - - @endcan - @endif -
-
-

{{ $media->name }}

-{{-- -@can('update', $media) - -@endcan--}} diff --git a/resources/views/material-admin-26/media/create.blade.php b/resources/views/material-admin-26/media/create.blade.php deleted file mode 100644 index a642213..0000000 --- a/resources/views/material-admin-26/media/create.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('mediapicker::material-admin-26.media.media') - -@section('page-title', __('Add Media')) - -@section('content') - @include('mediapicker::material-admin-26.media.form._uploader', ['view' => 'list']) -@endsection diff --git a/resources/views/material-admin-26/media/details/_general.blade.php b/resources/views/material-admin-26/media/details/_general.blade.php deleted file mode 100644 index b1364fe..0000000 --- a/resources/views/material-admin-26/media/details/_general.blade.php +++ /dev/null @@ -1,44 +0,0 @@ -
-
-
-
-
-
{{ __('File Name:') }}
-
{{ $media->file_name }}
-
- -
-
{{ __('File Type:') }}
-
{{ $media->mime_type }}
-
- -
-
{{ __('File Size:') }}
-
{{ $media->human_readable_size }}
-
-
-
- @if($media->file_type == 'image') - @php - $width = $media->width; - $height = $media->height; - @endphp -
-
{{ __('Dimensions:') }}
-
{{ __(':width x :height', compact('width', 'height')) }}
-
- @endif - -
-
{{ __('Uploaded On:') }}
-
{{ $media->created_at ? $media->created_at->format('F j, Y \a\t H:i') : '-' }}
-
- -
-
{{ $media->model instanceof \Javaabu\Mediapicker\Contracts\MediaOwner ? __('Uploaded By') : __('Uploaded To') }}
-
{!! $media->model ? $media->model->admin_link : '-' !!}
-
-
-
-
-
diff --git a/resources/views/material-admin-26/media/details/_preview.blade.php b/resources/views/material-admin-26/media/details/_preview.blade.php deleted file mode 100644 index b5f6071..0000000 --- a/resources/views/material-admin-26/media/details/_preview.blade.php +++ /dev/null @@ -1,19 +0,0 @@ -@php $type = $media->file_type; @endphp -@if($type == 'image') -
- -
-@elseif($type == 'video') -
- -
-@else -
-
- -
-
-@endif diff --git a/resources/views/material-admin-26/media/edit.blade.php b/resources/views/material-admin-26/media/edit.blade.php deleted file mode 100644 index c53145d..0000000 --- a/resources/views/material-admin-26/media/edit.blade.php +++ /dev/null @@ -1,19 +0,0 @@ -@extends('mediapicker::material-admin-26.media.media') - -@section('page-title', __('Edit Media')) - -@section('content') -
-
- @include('mediapicker::material-admin-26.media.details._preview') - @include('mediapicker::material-admin-26.media.details._general') -
-
- - @include('mediapicker::material-admin-26.media.form._general') - - @include('mediapicker::material-admin-26.media.form._submit') - -
-
-@endsection diff --git a/resources/views/material-admin-26/media/form/_general.blade.php b/resources/views/material-admin-26/media/form/_general.blade.php deleted file mode 100644 index f584aa2..0000000 --- a/resources/views/material-admin-26/media/form/_general.blade.php +++ /dev/null @@ -1,13 +0,0 @@ - - - - - {{ $media->getUrl() }} - - - - - - - - diff --git a/resources/views/material-admin-26/media/form/_submit.blade.php b/resources/views/material-admin-26/media/form/_submit.blade.php deleted file mode 100644 index a37d4fe..0000000 --- a/resources/views/material-admin-26/media/form/_submit.blade.php +++ /dev/null @@ -1,13 +0,0 @@ -
- - - {{ __('Cancel') }} - -
- - diff --git a/resources/views/material-admin-26/media/form/_upload-script.blade.php b/resources/views/material-admin-26/media/form/_upload-script.blade.php deleted file mode 100644 index 45b2fcf..0000000 --- a/resources/views/material-admin-26/media/form/_upload-script.blade.php +++ /dev/null @@ -1,199 +0,0 @@ - diff --git a/resources/views/material-admin-26/media/form/_uploader.blade.php b/resources/views/material-admin-26/media/form/_uploader.blade.php deleted file mode 100644 index b849006..0000000 --- a/resources/views/material-admin-26/media/form/_uploader.blade.php +++ /dev/null @@ -1,40 +0,0 @@ - - @if(! empty($type)) -
- -
- @endif - -
- {{ __('Drop files here to upload.') }} - - @if($max_size = \Javaabu\Helpers\Media\AllowedMimeTypes::getMaxFileSize($type ?? '')) - {{ __('You can upload up to maximum :size per file.', ['size' => format_file_size($max_size)]) }} - @endif -
- -
-
- - - - - -@push(config('mediapicker.scripts_stack')) - @include('mediapicker::material-admin-26.media.form._upload-script') -@endpush diff --git a/resources/views/material-admin-26/media/index.blade.php b/resources/views/material-admin-26/media/index.blade.php deleted file mode 100644 index 338f6ab..0000000 --- a/resources/views/material-admin-26/media/index.blade.php +++ /dev/null @@ -1,38 +0,0 @@ -@extends('mediapicker::material-admin-26.media.media') - -@php - $media_model = \Javaabu\Mediapicker\Mediapicker::mediaModel(); -@endphp - -@section('page-subheading') - {{ $title }} -@endsection - -@section('content') - @if($media_items->isNotEmpty() || $media_model::exists()) -
- - - @include('mediapicker::material-admin-26.media._filter') - - - @if($view == 'list') - @include('mediapicker::material-admin-26.media._table') - @else - @include('mediapicker::material-admin-26.media._grid') - @endif -
- @else - - @endif -@endsection diff --git a/resources/views/material-admin-26/media/media.blade.php b/resources/views/material-admin-26/media/media.blade.php deleted file mode 100644 index 199f176..0000000 --- a/resources/views/material-admin-26/media/media.blade.php +++ /dev/null @@ -1,12 +0,0 @@ -@extends(config('mediapicker.default_layout')) - -@section('title', 'Media Library') -@section('page-title', __('Media Library')) - -@section('top-search') - -@endsection - -@section('model-actions') - @include('mediapicker::material-admin-26.media._actions') -@endsection diff --git a/resources/views/material-admin-26/media/picker/_filter.blade.php b/resources/views/material-admin-26/media/picker/_filter.blade.php deleted file mode 100644 index 7ceae02..0000000 --- a/resources/views/material-admin-26/media/picker/_filter.blade.php +++ /dev/null @@ -1,25 +0,0 @@ - -
-
- -
- -
- -
- -
- -
-
- - - - @if(! empty($single)) - - @endif - - @if(! empty($type)) - - @endif - diff --git a/resources/views/material-admin-26/media/picker/_index.blade.php b/resources/views/material-admin-26/media/picker/_index.blade.php deleted file mode 100644 index db72e7c..0000000 --- a/resources/views/material-admin-26/media/picker/_index.blade.php +++ /dev/null @@ -1,35 +0,0 @@ -@php - $media_model = \Javaabu\Mediapicker\Mediapicker::mediaModel(); -@endphp - -@if($media_items->isNotEmpty() || $media_model::exists()) -
- - @include('mediapicker::material-admin-26.media.picker._filter') - -
- -
- @include('mediapicker::material-admin-26.media._grid', [ - 'no_bulk' => true, - 'no_checkbox' => true, - 'hide_actions' => true, - 'selectable' => true, - ]) -
- - @push(config('mediapicker.scripts_stack')) - - @endpush -@else - -@endif diff --git a/resources/views/material-admin-26/media/picker/show.blade.php b/resources/views/material-admin-26/media/picker/show.blade.php deleted file mode 100644 index a2bfd63..0000000 --- a/resources/views/material-admin-26/media/picker/show.blade.php +++ /dev/null @@ -1,34 +0,0 @@ -@extends(config('mediapicker.picker_layout')) - -@section('content') - - @php - $tabs = [ - [ - 'name' => 'select-media', - 'title' => __('Select from Media Library'), - ], - ]; - - if (auth()->user()->can('create', \Javaabu\Mediapicker\Mediapicker::mediaModel())) { - $tabs[] = [ - 'name' => 'new-media', - 'title' => __('Upload New') - ]; - } - @endphp - -
- - - @include('mediapicker::material-admin-26.media.picker._index') - - - @can('create', \Javaabu\Mediapicker\Mediapicker::mediaModel()) - - @include('mediapicker::material-admin-26.media.form._uploader', ['view' => 'grid']) - - @endcan - -
-@endsection diff --git a/resources/views/material-admin-26/media/show.blade.php b/resources/views/material-admin-26/media/show.blade.php deleted file mode 100644 index c59071e..0000000 --- a/resources/views/material-admin-26/media/show.blade.php +++ /dev/null @@ -1,8 +0,0 @@ -@extends('mediapicker::material-admin-26.media.media') - -@section('page-title', __('View Media')) - -@section('content') - @include('mediapicker::material-admin-26.media.details._preview') - @include('mediapicker::material-admin-26.media.details._general') -@endsection diff --git a/resources/views/media/create.blade.php b/resources/views/media/create.blade.php new file mode 100644 index 0000000..94f8edb --- /dev/null +++ b/resources/views/media/create.blade.php @@ -0,0 +1,29 @@ +@extends(config('mediapicker.layout', 'layouts.app')) + +@section(config('mediapicker.layout_section', 'content')) +
+
+

{{ $title }}

+ + + {{ __('Back to the library') }} + +
+ + @include('mediapicker::media.partials.alerts') + + + + + + + + + +

{{ __('After uploading an image, you can crop it on the next page.') }}

+ + {{ __('Upload') }} + + +
+@endsection diff --git a/resources/views/media/edit.blade.php b/resources/views/media/edit.blade.php new file mode 100644 index 0000000..7a261fb --- /dev/null +++ b/resources/views/media/edit.blade.php @@ -0,0 +1,60 @@ +@extends(config('mediapicker.layout', 'layouts.app')) + +@section(config('mediapicker.layout_section', 'content')) +
+
+

{{ $title }}

+ +
+ + {{ __('Back to the library') }} + + {{ __('View') }} + @if($can['delete']) +
+ @csrf + @method('DELETE') + + @include('mediapicker::partials.icon', ['name' => 'trash-2']) + {{ __('Delete') }} + +
+ @endif +
+
+ + @include('mediapicker::media.partials.alerts') + +
+ + @include('mediapicker::media.partials.preview') + + + + {{ $form }} + +
+ + @if($media->isImage() && $crop_presets && $can['update']) + @manifestRequire('mediapicker::cropper') + +

{{ __('Crops don\'t change the original. Images that use a crop are made again from it.') }}

+
+ +
+ + @endif +
+@endsection diff --git a/resources/views/media/index.blade.php b/resources/views/media/index.blade.php new file mode 100644 index 0000000..f69004c --- /dev/null +++ b/resources/views/media/index.blade.php @@ -0,0 +1,53 @@ +@extends(config('mediapicker.layout', 'layouts.app')) + +@section(config('mediapicker.layout_section', 'content')) +
+
+

{{ $title }}

+ + @if($can['create']) + + @include('mediapicker::partials.icon', ['name' => 'upload']) + {{ __('Upload media') }} + + @endif +
+ + @include('mediapicker::media.partials.alerts') + + @include('mediapicker::media.partials.filters') + +
+ @foreach(['grid' => __('Grid'), 'list' => __('List')] as $view => $label) + + @include('mediapicker::partials.icon', ['name' => $view === 'grid' ? 'grid-2x2' : 'list']) + {{ $label }} + + @endforeach +
+ + @if($media_items->isEmpty()) + + @else +
+ @csrf + @method('PUT') + + + @include('mediapicker::media.partials.' . $filters['view']) + +
+ + @include('mediapicker::partials.icon', ['name' => 'trash-2']) + {{ __('Delete selected') }} + + + @if($media_items->hasPages()) + + @endif +
+
+ @endif +
+@endsection diff --git a/resources/views/media/partials/alerts.blade.php b/resources/views/media/partials/alerts.blade.php new file mode 100644 index 0000000..990375c --- /dev/null +++ b/resources/views/media/partials/alerts.blade.php @@ -0,0 +1,6 @@ +@if(session('success')) + {{ session('success') }} +@endif +@if(session('error')) + {{ session('error') }} +@endif diff --git a/resources/views/media/partials/filters.blade.php b/resources/views/media/partials/filters.blade.php new file mode 100644 index 0000000..069a1b9 --- /dev/null +++ b/resources/views/media/partials/filters.blade.php @@ -0,0 +1,57 @@ +{{-- The library's filters: a GET form, so it works without JavaScript --}} + diff --git a/resources/views/media/partials/grid.blade.php b/resources/views/media/partials/grid.blade.php new file mode 100644 index 0000000..8a8defa --- /dev/null +++ b/resources/views/media/partials/grid.blade.php @@ -0,0 +1,19 @@ + diff --git a/resources/views/media/partials/list.blade.php b/resources/views/media/partials/list.blade.php new file mode 100644 index 0000000..410d376 --- /dev/null +++ b/resources/views/media/partials/list.blade.php @@ -0,0 +1,31 @@ + + + {{ __('Select') }} + {{ __('Name') }} + {{ __('File type') }} + {{ __('File size') }} + {{ __('Uploaded') }} + + + + @foreach($media_items as $media) + @php($can_update = auth()->user()?->can('update', $media)) + + + @can('delete', $media) + + @endcan + + + + @include('mediapicker::media.partials.thumb') + {{ $media->name }} + + + {{ $media->mime_type }} + {{ $media->human_readable_size }} + {{ $media->created_at?->isoFormat('LLL') }} + + @endforeach + + diff --git a/resources/views/media/partials/preview.blade.php b/resources/views/media/partials/preview.blade.php new file mode 100644 index 0000000..9b879c7 --- /dev/null +++ b/resources/views/media/partials/preview.blade.php @@ -0,0 +1,14 @@ +@if($media->file_type === 'image') + {{ $media->alt ?? '' }}width) width="{{ $media->width }}" height="{{ $media->height }}" @endif + class="block h-auto max-w-full rounded-md"> +@elseif($media->file_type === 'video') + +@elseif($media->file_type === 'audio') + +@else + + @include('mediapicker::partials.icon', ['name' => $media->getIcon(), 'class' => 'mp-icon h-8 w-8']) + {{ $media->file_name }} + +@endif diff --git a/resources/views/media/partials/thumb.blade.php b/resources/views/media/partials/thumb.blade.php new file mode 100644 index 0000000..c6fb970 --- /dev/null +++ b/resources/views/media/partials/thumb.blade.php @@ -0,0 +1,6 @@ +@php($thumb = \Javaabu\Mediapicker\Http\Resources\MediaResource::conversionUrl($media, 'mediapicker-thumb')) +@if($thumb) + +@else + @include('mediapicker::partials.icon', ['name' => $media->getIcon()]) +@endif diff --git a/resources/views/media/show.blade.php b/resources/views/media/show.blade.php new file mode 100644 index 0000000..1dff3d7 --- /dev/null +++ b/resources/views/media/show.blade.php @@ -0,0 +1,69 @@ +@extends(config('mediapicker.layout', 'layouts.app')) + +@section(config('mediapicker.layout_section', 'content')) +
+
+

{{ $title }}

+ +
+ + {{ __('Back to the library') }} + + @if($can['update']) + {{ __('Edit') }} + @endif + @if($can['delete']) +
+ @csrf + @method('DELETE') + {{ __('Delete') }} +
+ @endif +
+
+ + @include('mediapicker::media.partials.alerts') + +
+ + @include('mediapicker::media.partials.preview') + + + +
+ + + + + @if($media->width && $media->height) + + @endif + + @if($media->model?->name) + + @endif + @if($media->description) + + @endif + @if($media->alt) + + @endif + @if($media->caption) + + @endif + + +
+ + @include('mediapicker::partials.icon', ['name' => 'download']) + {{ __('Download') }} + +
+
+ +
+
+@endsection diff --git a/resources/views/partials/icon.blade.php b/resources/views/partials/icon.blade.php new file mode 100644 index 0000000..e6d0f3a --- /dev/null +++ b/resources/views/partials/icon.blade.php @@ -0,0 +1 @@ + diff --git a/resources/views/stencil/picker.blade.php b/resources/views/stencil/picker.blade.php new file mode 100644 index 0000000..1e413a8 --- /dev/null +++ b/resources/views/stencil/picker.blade.php @@ -0,0 +1,15 @@ +{{-- The stencil `mediapicker` field type (Javaabu\Mediapicker\Stencil\MediaPickerField) --}} +@php($value = $stencil->value($node)) + diff --git a/src/Assets/Assets.php b/src/Assets/Assets.php new file mode 100644 index 0000000..f6318aa --- /dev/null +++ b/src/Assets/Assets.php @@ -0,0 +1,45 @@ +js('js') + ->pages('js/Pages') + ->dist('../dist') + ->script('picker', 'js/blade/picker.ts') + ->script('cropper', 'js/blade/cropper.ts') + ->script('blocks', 'js/blocks/index.ts', depends_on: ['picker']) + ->npm([ + '@javaabu/forms' => 'github:Javaabu/react-forms#next-gen', + '@javaabu/onu' => '^0.2.1', + 'cropperjs' => '^1.6.2', + '@tiptap/core' => self::TIPTAP, + ], [ + 'react' => '^18.3 || ^19.0', + 'react-dom' => '^18.3 || ^19.0', + '@inertiajs/react' => '^2.0 || ^3.0', + ]); + } +} diff --git a/src/Concerns/InteractsWithAttachments.php b/src/Concerns/InteractsWithAttachments.php index 9ab33d6..43239c8 100644 --- a/src/Concerns/InteractsWithAttachments.php +++ b/src/Concerns/InteractsWithAttachments.php @@ -7,6 +7,7 @@ use Illuminate\Database\Eloquent\Relations\MorphMany; use Illuminate\Database\Eloquent\SoftDeletes; use Illuminate\Http\Request; +use Illuminate\Support\Arr; use Illuminate\Support\Collection; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\AttachmentCollections\Events\AttachmentCollectionHasBeenClearedEvent; @@ -204,8 +205,9 @@ public function updateAttachments(array $newAttachmentsArray, string $collection $attachmentClass = $this->getAttachmentModel(); return collect($newAttachmentsArray) - ->map(function (array $newAttachmentItem) use ($collectionName, $attachmentClass) { - static $orderColumn = 1; + ->values() + ->map(function (array $newAttachmentItem, int $index) use ($collectionName, $attachmentClass) { + $orderColumn = $index + 1; $currentAttachment = $attachmentClass::findOrFail($newAttachmentItem['id']); @@ -213,7 +215,7 @@ public function updateAttachments(array $newAttachmentsArray, string $collection throw AttachmentCannotBeUpdated::doesNotBelongToCollection($collectionName, $currentAttachment); } - $currentAttachment->order_column = $orderColumn++; + $currentAttachment->order_column = $orderColumn; $currentAttachment->save(); @@ -251,42 +253,60 @@ public function clearAttachmentCollection(string $collectionName = 'default'): s } /** - * Update an attachment collection by deleting and inserting media again with new values. - * + * Make the collection hold exactly these media, in this order: attaches new ones, keeps + * (and reorders) the ones already attached, and removes the rest. An empty array + * clears the collection. * + * @param array $newMediaArray media ids + * @return Collection * * @throws AttachmentCannotBeUpdated */ public function updateAttachmentMedia(array $newMediaArray, string $collectionName = 'default'): Collection { - $this->removeAttachmentMediaNotPresentInArray($newMediaArray, $collectionName); + $media_ids = array_values(array_unique(array_map('intval', array_filter($newMediaArray, fn ($id) => filled($id))))); - // filter out already attached media - $existing_media = $this->getAttachments($collectionName) - ->pluck('media_id') - ->all(); + $this->removeAttachmentMediaNotPresentInArray($media_ids, $collectionName); - $newMediaArray = array_diff($newMediaArray, $existing_media); + $existing = $this->getAttachments($collectionName)->keyBy('media_id'); - // only include distince values - $newMediaArray = array_unique($newMediaArray); + $attachments = collect($media_ids) + ->map(function (int $media_id, int $index) use ($collectionName, $existing) { + $attachment = $existing->get($media_id) + ?? $this->addAttachment($media_id)->toAttachmentCollection($collectionName); - return collect($newMediaArray) - ->map(function ($newMediaId) use ($collectionName) { - static $orderColumn = 1; + if ((int) $attachment->order_column !== $index + 1) { + $attachment->order_column = $index + 1; + $attachment->save(); + } - $currentAttachment = $this->getFirstAttachment($collectionName, ['media_id' => $newMediaId]); + return $attachment; + }); - if (! $currentAttachment) { - $currentAttachment = $this->addAttachment($newMediaId) - ->toAttachmentCollection($collectionName); - } + if ($this->attachmentsIsPreloaded()) { + $this->unsetRelation('attachments'); + } - $currentAttachment->order_column = $orderColumn++; - $currentAttachment->save(); + return $attachments; + } - return $currentAttachment; - }); + /** + * Update a collection from a picker field in the request: one id, a list of ids, or an + * empty value to clear it. Leaves the collection alone when the request doesn't have + * the field. Validate the ids with the `LibraryMedia` rule first. + * + * @return Collection|null + */ + public function syncAttachmentsFromRequest(string $collectionName, ?string $key = null, ?Request $request = null): ?Collection + { + $request ??= request(); + $key ??= $collectionName; + + if (! $request->exists($key)) { + return null; + } + + return $this->updateAttachmentMedia(Arr::wrap($request->input($key)), $collectionName); } /** diff --git a/src/Http/Controllers/MediaController.php b/src/Http/Controllers/MediaController.php index e3619b2..dff6217 100644 --- a/src/Http/Controllers/MediaController.php +++ b/src/Http/Controllers/MediaController.php @@ -24,6 +24,7 @@ use Javaabu\Mediapicker\Mediapicker; use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Javaabu\Mediapicker\Stencil\MediaDetailsForm; use Javaabu\Mediapicker\Support\CropPresets; use Javaabu\Mediapicker\Support\FileTypes; use Javaabu\Mediapicker\Support\Strings; @@ -126,6 +127,7 @@ public function edit(Request $request, string $media): View|Responsable return $this->views->render('media.edit', [ 'media' => $this->views->isInertia() ? $this->resource($request, $media)->resolve($request) : $media, + 'form' => $this->detailsForm($request, $media), ...$this->pageData($request, $media), 'title' => __('Edit :name', ['name' => $media->name]), ]); @@ -191,6 +193,17 @@ public function crop(Request $request, string $media, string $preset): JsonRespo ->with('success', __('The crop was saved.')); } + /** + * The form for a media's details, defined once with javaabu/stencil + */ + protected function detailsForm(Request $request, Media $media): MediaDetailsForm + { + return MediaDetailsForm::make() + ->model($media) + ->action($this->url($request, 'update', $media)) + ->method('PATCH'); + } + /** * Bulk actions on the library: `action=delete` with `media[]` */ @@ -341,7 +354,11 @@ protected function filters(Request $request): array ? $request->query($key) : null; - $orderby = in_array($request->query('orderby'), self::ORDERBYS, true) ? $request->query('orderby') : 'created_at'; + [$sort_by, $sort_order] = array_pad(explode(':', (string) $request->query('sort', '')), 2, null); + + $orderby = $request->query('orderby', $sort_by); + $orderby = in_array($orderby, self::ORDERBYS, true) ? $orderby : 'created_at'; + $order = $request->query('order', $sort_order); return [ 'search' => is_string($request->query('search')) ? trim($request->query('search')) : null, @@ -350,7 +367,7 @@ protected function filters(Request $request): array 'date_from' => $date('date_from'), 'date_to' => $date('date_to'), 'orderby' => $orderby, - 'order' => $request->query('order') === 'asc' ? 'asc' : 'desc', + 'order' => $order === 'asc' ? 'asc' : 'desc', 'per_page' => min(max($request->integer('per_page', config('mediapicker.per_page', 24)), 1), 100), 'view' => $request->query('view') === 'list' ? 'list' : 'grid', ]; diff --git a/src/Mediapicker.php b/src/Mediapicker.php index ac3ef0b..7788543 100644 --- a/src/Mediapicker.php +++ b/src/Mediapicker.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker; +use Illuminate\Database\Eloquent\Model; use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Route; use InvalidArgumentException; @@ -9,6 +10,8 @@ use Javaabu\Mediapicker\Http\Controllers\MediaController; use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Routing\MediapickerRoutes; +use Javaabu\Mediapicker\Support\ImageData; +use Javaabu\Mediapicker\Support\PickerConfig; use Spatie\MediaLibrary\MediaCollections\Models\Media as BaseMedia; class Mediapicker @@ -103,4 +106,25 @@ public static function url(string $action, ?BaseMedia $media = null, array $para return route($name, $parameters); } + + /** + * What React pickers need (library URL, file types, limits, crop presets, strings). + * Share it with Inertia: `'mediapicker' => fn () => Mediapicker::pickerConfig()`. + * + * @return array + */ + public static function pickerConfig(?string $route_name = null): array + { + return PickerConfig::make($route_name); + } + + /** + * An attached image as data for React's `` + * + * @return array|null + */ + public static function image(Model|Attachment|null $subject, string $collection = 'default', string $conversion = '', ?string $sizes = null): ?array + { + return ImageData::for($subject, $collection, $conversion, $sizes); + } } diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index 7701a59..644487e 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -6,6 +6,9 @@ use Illuminate\Support\Facades\Event; use Illuminate\Support\Facades\Route; use Illuminate\Support\ServiceProvider; +use Javaabu\Manifest\Concerns\RegistersAssets; +use Javaabu\Manifest\Package; +use Javaabu\Mediapicker\Assets\Assets; use Javaabu\Mediapicker\AttachmentCollections\AttachmentRepository; use Javaabu\Mediapicker\Commands\AttachmentsCleanCommand; use Javaabu\Mediapicker\Commands\AttachmentsClearCommand; @@ -22,10 +25,14 @@ class MediapickerServiceProvider extends ServiceProvider { + use RegistersAssets; + public function register(): void { $this->mergeConfigFrom(__DIR__ . '/../config/mediapicker.php', 'mediapicker'); + $this->registerAssets(Assets::PACKAGE, __DIR__ . '/../resources', fn (Package $package) => Assets::register($package)); + $this->app->singleton(AttachmentRepository::class, function () { $attachment_class = $this->getAttachmentClass(); diff --git a/src/Rules/LibraryMedia.php b/src/Rules/LibraryMedia.php new file mode 100644 index 0000000..a1bf408 --- /dev/null +++ b/src/Rules/LibraryMedia.php @@ -0,0 +1,67 @@ + ['nullable', new LibraryMedia(type: 'image')], + * 'gallery' => ['nullable', 'array', 'max:20'], + * 'gallery.*' => [new LibraryMedia(type: 'image')], + * ``` + */ +class LibraryMedia implements ValidationRule +{ + /** @var array */ + protected array $types; + + /** + * @param string|array|null $type + */ + public function __construct( + string|array|null $type = null, + protected ?Model $user = null, + ) { + $this->types = array_values(array_filter(Arr::wrap($type))); + } + + public function validate(string $attribute, mixed $value, Closure $fail): void + { + $ids = array_filter(Arr::wrap($value), fn ($id) => $id !== null && $id !== ''); + + if (! $ids) { + return; + } + + foreach ($ids as $id) { + if (! is_numeric($id)) { + $fail(__('The selected :attribute is invalid.')); + + return; + } + } + + $media_class = Mediapicker::mediaModel(); + + $query = $media_class::query() + ->visibleTo($this->user ?? auth()->user()) + ->whereKey(array_unique($ids)); + + if ($this->types) { + $query->whereIn('mime_type', FileTypes::mimeTypes($this->types)); + } + + if ($query->count() !== count(array_unique($ids))) { + $fail(__('The selected :attribute is invalid.')); + } + } +} diff --git a/src/Stencil/MediaDetailsForm.php b/src/Stencil/MediaDetailsForm.php new file mode 100644 index 0000000..a1c80a6 --- /dev/null +++ b/src/Stencil/MediaDetailsForm.php @@ -0,0 +1,50 @@ +submit(__('Save')); + } + + protected function definition(): array + { + $translatable = Translations::supports($this->getRecord()); + + return [ + TextInput::make('name') + ->label(__('Name')) + ->required() + ->maxLength(255) + ->thaana() + ->translatable($translatable), + Textarea::make('description') + ->label(__('Description')) + ->rows(3) + ->thaana() + ->translatable($translatable), + TextInput::make('alt') + ->label(__('Alt text')) + ->help(__('Describes the image for people who can\'t see it.')) + ->maxLength(1000) + ->thaana() + ->translatable($translatable), + TextInput::make('caption') + ->label(__('Caption')) + ->maxLength(1000) + ->thaana() + ->translatable($translatable), + ]; + } +} diff --git a/src/Stencil/MediaPickerField.php b/src/Stencil/MediaPickerField.php new file mode 100644 index 0000000..55f42af --- /dev/null +++ b/src/Stencil/MediaPickerField.php @@ -0,0 +1,238 @@ +mediaType('image')->required(), + * MediaPickerField::make('gallery')->collection('gallery')->mediaType('image')->multiple(), + * ``` + * + * The value is the media ids; they're validated with `LibraryMedia` and saved after the + * record with `updateAttachmentMedia()` on the record's attachment collection. React apps + * register the `mediapicker` type: `StencilProvider components={{ mediapicker: StencilMediaPicker }}`. + */ +class MediaPickerField extends Field implements SavesRelationships +{ + protected string $type = 'mediapicker'; + + protected ?string $view = 'mediapicker::stencil.picker'; + + protected string|Closure|null $collection = null; + + /** @var string|array|Closure|null */ + protected string|array|Closure|null $media_type = null; + + protected bool $is_multiple = false; + + protected string|Closure|null $crop = null; + + protected string|Closure|null $route = null; + + protected bool|Closure $upload = true; + + /** + * The attachment collection of the record; default: the field name + */ + public function collection(string|Closure|null $collection): static + { + $this->collection = $collection; + + return $this; + } + + /** + * Only these file types: `image`, `video`, `audio`, `document`, `archive` + * + * @param string|array|Closure|null $type + */ + public function mediaType(string|array|Closure|null $type): static + { + $this->media_type = $type; + + return $this; + } + + public function multiple(bool $condition = true): static + { + $this->is_multiple = $condition; + + return $this; + } + + /** + * Crop new images to this preset before they're uploaded (React) + */ + public function crop(string|Closure|null $preset): static + { + $this->crop = $preset; + + return $this; + } + + /** + * The route name prefix of the library to pick from (`admin.media`); default: the one + * of the signed-in user's guard + */ + public function library(string|Closure|null $route_name): static + { + $this->route = $route_name; + + return $this; + } + + public function upload(bool|Closure $condition = true): static + { + $this->upload = $condition; + + return $this; + } + + public function isMultiple(): bool + { + return $this->is_multiple; + } + + public function getCollection(): string + { + return $this->evaluate($this->collection) ?: $this->getName(); + } + + /** + * @return array + */ + public function getMediaTypes(): array + { + return array_values(array_filter(Arr::wrap($this->evaluate($this->media_type)), fn ($type) => FileTypes::exists((string) $type))); + } + + public function getInputName(): string + { + return parent::getInputName() . ($this->is_multiple ? '[]' : ''); + } + + public function savesToAttribute(): bool + { + return false; + } + + protected function readFromRecord(mixed $record): mixed + { + if (! $record instanceof HasAttachments || ! $record instanceof Model || ! $record->exists) { + return null; + } + + $ids = $record->getAttachments($this->getCollection())->pluck('media_id')->all(); + + return $this->is_multiple ? $ids : ($ids[0] ?? null); + } + + public function normalizeState(mixed $state): mixed + { + $ids = array_values(array_filter(Arr::wrap($state), fn ($id) => is_numeric($id))); + $ids = array_map('intval', $ids); + + return $this->is_multiple ? $ids : ($ids[0] ?? null); + } + + protected function castDehydratedState(mixed $state): mixed + { + return $this->normalizeState($state); + } + + public function saveRelationship(Model $record, mixed $state): void + { + if (! $record instanceof HasAttachments) { + return; + } + + $record->updateAttachmentMedia(array_filter(Arr::wrap($state)), $this->getCollection()); + } + + protected function getTypeRules(): array + { + if ($this->is_multiple) { + return ['array']; + } + + return [new LibraryMedia($this->getMediaTypes())]; + } + + public function getAllValidationRules(): array + { + $rules = parent::getAllValidationRules(); + + if ($this->is_multiple) { + $rules["{$this->getStatePath()}.*"] = [new LibraryMedia($this->getMediaTypes())]; + } + + return $rules; + } + + protected function getFieldProps(): array + { + $types = $this->getMediaTypes(); + $route = $this->evaluate($this->route); + + return [ + 'multiple' => $this->is_multiple, + 'type' => $types, + 'url' => PickerConfig::url($route), + 'route' => $route, + 'crop' => $this->evaluate($this->crop), + 'upload' => (bool) $this->evaluate($this->upload), + 'value' => $this->items($route), + 'types' => PickerConfig::types(), + 'accept' => implode(',', FileTypes::mimeTypes($types ?: null)), + 'maxSize' => FileTypes::maxSize($types ?: null), + 'cropPresets' => CropPresets::forUi(), + 'strings' => Strings::all(), + ]; + } + + /** + * The chosen media, as the pickers show them + * + * @return array> + */ + protected function items(?string $route): array + { + $ids = array_values(array_filter(Arr::wrap($this->getState()), fn ($id) => is_numeric($id))); + + if (! $ids) { + return []; + } + + $media_class = Mediapicker::mediaModel(); + + $media = $media_class::query() + ->visibleTo(auth()->user()) + ->whereKey($ids) + ->get() + ->keyBy(fn (Media $item) => (string) $item->getKey()); + + return collect($ids) + ->map(fn ($id) => $media->get((string) $id)) + ->filter() + ->map(fn (Media $item) => (new MediaResource($item))->forLibrary($route)->resolve(request())) + ->values() + ->all(); + } +} diff --git a/src/Support/Icons.php b/src/Support/Icons.php new file mode 100644 index 0000000..a7d1fa8 --- /dev/null +++ b/src/Support/Icons.php @@ -0,0 +1,29 @@ +|null */ + protected static ?array $icons = null; + + /** + * The inner markup of an icon's SVG; the file icon for unknown names + */ + public static function svg(string $name): string + { + static::$icons ??= require __DIR__ . '/../../resources/icons/icons.php'; + + return static::$icons[$name] ?? static::$icons['file']; + } + + public static function has(string $name): bool + { + static::$icons ??= require __DIR__ . '/../../resources/icons/icons.php'; + + return array_key_exists($name, static::$icons); + } +} diff --git a/src/Support/ImageData.php b/src/Support/ImageData.php new file mode 100644 index 0000000..af3e730 --- /dev/null +++ b/src/Support/ImageData.php @@ -0,0 +1,67 @@ +`: the same src, srcset, sources, size + * and alt that `` renders + * + * ```php + * 'image' => ImageData::for($post, 'featured_image', 'card'), + * ``` + */ +class ImageData +{ + /** + * @return array{ + * src: string, + * srcset: ?string, + * sizes: ?string, + * sources: array, + * width: ?int, + * height: ?int, + * alt: string + * }|null + */ + public static function for(Model|Attachment|null $subject, string $collection = 'default', string $conversion = '', ?string $sizes = null): ?array + { + $attachment = match (true) { + $subject instanceof Attachment => $subject, + $subject instanceof HasAttachments => $subject->getFirstAttachment($collection), + default => null, + }; + + if (! $attachment?->media) { + return null; + } + + $image = new Image(attachment: $attachment, conversion: $conversion, sizes: $sizes); + + return [ + 'src' => $image->src(), + 'srcset' => $image->srcset(), + 'sizes' => $sizes, + 'sources' => $image->sources(), + 'width' => $image->width(), + 'height' => $image->height(), + 'alt' => $image->altText(), + ]; + } + + /** + * @return array> + */ + public static function forCollection(HasAttachments $model, string $collection = 'default', string $conversion = '', ?string $sizes = null): array + { + return $model->getAttachments($collection) + ->map(fn (Attachment $attachment) => static::for($attachment, conversion: $conversion, sizes: $sizes)) + ->filter() + ->values() + ->all(); + } +} diff --git a/src/Support/PickerConfig.php b/src/Support/PickerConfig.php new file mode 100644 index 0000000..fb9112a --- /dev/null +++ b/src/Support/PickerConfig.php @@ -0,0 +1,67 @@ +, + * accept: string, + * max_size: int, + * crop_presets: array, + * strings: array + * } + */ + public static function make(?string $route_name = null): array + { + return [ + 'url' => static::url($route_name), + 'types' => static::types(), + 'accept' => implode(',', FileTypes::mimeTypes()), + 'max_size' => FileTypes::maxSize(), + 'crop_presets' => CropPresets::forUi(), + 'strings' => Strings::all(), + ]; + } + + /** + * The library's index URL, or '' when no library routes are registered + */ + public static function url(?string $route_name = null): string + { + try { + return Mediapicker::url('index', route_name: $route_name); + } catch (InvalidArgumentException) { + return ''; + } + } + + /** + * @param array|null $only + * @return array + */ + public static function types(?array $only = null): array + { + $types = []; + + foreach (FileTypes::all() as $type => $definition) { + if ($only && ! in_array($type, $only, true)) { + continue; + } + + $types[] = ['value' => $type, 'label' => __(Str::headline($type)), 'icon' => $definition['icon'] ?? 'file']; + } + + return $types; + } +} diff --git a/src/Support/Translations.php b/src/Support/Translations.php index cb6ef3e..a9949d8 100644 --- a/src/Support/Translations.php +++ b/src/Support/Translations.php @@ -13,9 +13,12 @@ class Translations /** The media fields that can be translated */ public const array FIELDS = ['name', 'description', 'alt', 'caption']; + /** + * Whether javaabu/translatable is installed and its service provider is loaded + */ public static function installed(): bool { - return class_exists(Translatable::class); + return class_exists(Translatable::class) && app()->bound('languages'); } public static function enabled(): bool diff --git a/src/Views/Components/Picker.php b/src/Views/Components/Picker.php new file mode 100644 index 0000000..c51fe5f --- /dev/null +++ b/src/Views/Components/Picker.php @@ -0,0 +1,198 @@ + + * + * + * ``` + * + * It submits the media ids (`gallery[]` for several). Its value is the old input, else + * `value`, else the model's attachments in `collection` (default: the name). Save with + * `$post->syncAttachmentsFromRequest('gallery')` after validating with `LibraryMedia`. + */ +#[RequiresAssets('mediapicker::picker')] +class Picker extends Component +{ + /** @var array */ + public array $types; + + public string $collection; + + /** @var array> */ + public array $items; + + public string $id; + + public string $input_name; + + public string $dot_name; + + /** + * @param string|array|null $type + * @param Collection|array|Media|int|null $value + */ + public function __construct( + public string $name, + public string $label = '', + public ?Model $model = null, + ?string $collection = null, + string|array|null $type = null, + public bool $multiple = false, + public bool $required = false, + public bool $disabled = false, + public string $help = '', + public bool $showLabel = true, + public bool $upload = true, + public ?string $route = null, + public ?string $url = null, + mixed $value = null, + ) { + $this->types = array_values(array_filter(Arr::wrap($type), fn ($item) => FileTypes::exists((string) $item))); + $this->dot_name = str_replace(['[]', '[', ']'], ['', '.', ''], $name); + $this->collection = $collection ?: Str::afterLast($this->dot_name, '.'); + $this->input_name = $multiple ? "{$name}[]" : $name; + $this->id = str_replace('.', '_', $this->dot_name) . '_picker'; + $this->model ??= $this->boundModel(); + $this->items = $this->resolveItems($value); + } + + public function labelText(): string + { + return $this->label ?: __(Str::headline($this->dot_name)); + } + + /** + * The config the field's script reads + * + * @return array + */ + public function config(): array + { + $picker = PickerConfig::make($this->route); + + return [ + 'name' => $this->input_name, + 'multiple' => $this->multiple, + 'type' => $this->types, + 'url' => $this->url ?? $picker['url'], + 'value' => $this->items, + 'types' => $picker['types'], + 'accept' => implode(',', FileTypes::mimeTypes($this->types ?: null)), + 'upload' => $this->upload, + 'disabled' => $this->disabled, + 'strings' => Strings::all(), + ]; + } + + /** + * @return array> + */ + protected function resolveItems(mixed $value): array + { + $session = request()->hasSession() ? request()->session() : null; + + if ($session?->hasOldInput($this->dot_name)) { + return $this->toItems($this->findMedia(Arr::wrap($session->getOldInput($this->dot_name)))); + } + + if ($value !== null) { + return $this->toItems($this->normalize($value)); + } + + if ($this->model instanceof HasAttachments && $this->model->exists) { + return $this->toItems(collect($this->model->getAttachmentMedia($this->collection))->filter()->values()); + } + + return []; + } + + /** + * @return Collection + */ + protected function normalize(mixed $value): Collection + { + $value = $value instanceof Collection ? $value->all() : Arr::wrap($value); + + if (collect($value)->every(fn ($item) => $item instanceof Media)) { + return collect($value); + } + + return $this->findMedia(array_map(fn ($item) => $item instanceof Media ? $item->getKey() : $item, $value)); + } + + /** + * The media of the ids the user may see, in the given order + * + * @param array $ids + * @return Collection + */ + protected function findMedia(array $ids): Collection + { + $ids = array_values(array_filter($ids, fn ($id) => is_numeric($id))); + + if (! $ids) { + return collect(); + } + + $media_class = Mediapicker::mediaModel(); + + $media = $media_class::query() + ->visibleTo(auth()->user()) + ->whereKey($ids) + ->get() + ->keyBy(fn (Media $item) => (string) $item->getKey()); + + return collect($ids) + ->map(fn ($id) => $media->get((string) $id)) + ->filter() + ->values(); + } + + /** + * @param Collection $media + * @return array> + */ + protected function toItems(Collection $media): array + { + $items = $media->map(fn (Media $item) => (new MediaResource($item))->forLibrary($this->route)->resolve(request()))->values()->all(); + + return $this->multiple ? $items : array_slice($items, 0, 1); + } + + protected function boundModel(): ?Model + { + if (! class_exists(FormsDataBinder::class)) { + return null; + } + + $bound = app(FormsDataBinder::class)->get(); + + return $bound instanceof Model ? $bound : null; + } + + public function render(): View + { + return view('mediapicker::components.picker'); + } +} diff --git a/tests/Feature/Fields/PickerFieldTest.php b/tests/Feature/Fields/PickerFieldTest.php new file mode 100644 index 0000000..d91f211 --- /dev/null +++ b/tests/Feature/Fields/PickerFieldTest.php @@ -0,0 +1,216 @@ +setUpLibrary(); + view()->share('errors', new ViewErrorBag); + } + + protected function article(): Article + { + return Article::query()->forceCreate(['title' => 'ހުޅުމާލެ']); + } + + /** + * @return array + */ + protected function fieldConfig(string $html): array + { + preg_match('/data-mediapicker-field="([^"]*)"/', $html, $matches); + + return json_decode(html_entity_decode($matches[1] ?? '{}'), true); + } + + #[Test] + public function it_renders_a_single_picker_with_the_models_attachment(): void + { + Manifest::fake(); + + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $article = $this->article(); + $media = $this->libraryMedia($user, name: 'ބީޗް'); + $article->updateAttachmentMedia([$media->id], 'featured_image'); + + $html = Blade::render('', ['article' => $article]); + $config = $this->fieldConfig($html); + + $this->assertStringContainsString('name="featured_image" value="' . $media->id . '"', $html); + $this->assertStringContainsString('ބީޗް', $html); + $this->assertStringContainsString('Featured Image', $html); + $this->assertEquals('featured_image', $config['name']); + $this->assertFalse($config['multiple']); + $this->assertEquals(['image'], $config['type']); + $this->assertEquals(url('/media'), $config['url']); + $this->assertEquals($media->id, $config['value'][0]['id']); + $this->assertStringContainsString('image/webp', $config['accept']); + $this->assertStringNotContainsString('application/pdf', $config['accept']); + Manifest::assertAssetRequired('mediapicker::picker'); + } + + #[Test] + public function it_renders_a_multiple_picker_in_order(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $article = $this->article(); + $first = $this->libraryMedia($user, name: 'First'); + $second = $this->libraryMedia($user, name: 'Second'); + $article->updateAttachmentMedia([$second->id, $first->id], 'gallery'); + + $html = Blade::render('', ['article' => $article]); + + $this->assertStringContainsString('ގެލަރީ', $html); + $this->assertStringContainsString('name="gallery[]" value="' . $second->id . '"', $html); + $this->assertEquals([$second->id, $first->id], array_column($this->fieldConfig($html)['value'], 'id')); + } + + #[Test] + public function an_empty_picker_still_submits_the_field(): void + { + $this->actingAs($this->userWith(['view_media'])); + + $html = Blade::render(''); + + $this->assertStringContainsString('', $html); + $this->assertStringContainsString('Nothing chosen', $html); + } + + #[Test] + public function it_shows_the_old_input_after_a_failed_validation(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $media = $this->libraryMedia($user, name: 'Old'); + $hidden = $this->libraryMedia($this->userWith([]), name: 'Not mine'); + + $this->session(['_old_input' => ['gallery' => [$hidden->id, $media->id]]]); + request()->setLaravelSession(app('session.store')); + + $html = Blade::render(''); + + $this->assertEquals([$media->id], array_column($this->fieldConfig($html)['value'], 'id')); + $this->assertStringNotContainsString('Not mine', $html); + } + + #[Test] + public function it_validates_the_chosen_media(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $image = $this->libraryMedia($user); + $pdf = $this->libraryMedia($user, 'test.pdf'); + $others = $this->libraryMedia($this->userWith([])); + + $passes = fn (mixed $value, mixed $type = null) => Validator::make(['field' => $value], ['field' => [new LibraryMedia($type)]])->passes(); + + $this->assertTrue($passes($image->id)); + $this->assertTrue($passes([$image->id, $pdf->id])); + $this->assertTrue($passes(null)); + $this->assertTrue($passes($image->id, 'image')); + $this->assertFalse($passes($pdf->id, 'image')); + $this->assertFalse($passes($others->id)); + $this->assertFalse($passes(999)); + $this->assertFalse($passes('abc')); + } + + #[Test] + public function the_stencil_field_reads_validates_and_saves_attachments(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $article = $this->article(); + $first = $this->libraryMedia($user); + $second = $this->libraryMedia($user); + $article->updateAttachmentMedia([$first->id], 'gallery'); + + $form = Form::make()->model($article)->schema([ + MediaPickerField::make('gallery')->mediaType('image')->multiple(), + MediaPickerField::make('featured')->collection('featured_image')->mediaType('image'), + ]); + + $this->assertEquals([$first->id], $form->getStateValue('gallery')); + + $rules = $form->rules(); + + $this->assertEquals(['nullable', 'array'], $rules['gallery']); + $this->assertInstanceOf(LibraryMedia::class, $rules['gallery.*'][0]); + $this->assertInstanceOf(LibraryMedia::class, $rules['featured'][1]); + + $form->save($form->validate(['gallery' => [(string) $second->id, (string) $first->id], 'featured' => (string) $second->id])); + + $article->refresh(); + + $this->assertEquals([$second->id, $first->id], $article->getAttachments('gallery')->pluck('media_id')->all()); + $this->assertEquals($second->id, $article->getFirstAttachmentMedia('featured_image')->id); + } + + #[Test] + public function the_stencil_field_renders_in_both_drivers(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $article = $this->article(); + $media = $this->libraryMedia($user, name: 'ބީޗް'); + $article->updateAttachmentMedia([$media->id], 'gallery'); + + $form = Form::make()->model($article)->action('/articles/1')->schema([ + MediaPickerField::make('gallery')->label('ގެލަރީ')->mediaType('image')->multiple()->crop('wide'), + ]); + + $html = $form->render('blade')->toHtml(); + + $this->assertStringContainsString('data-mediapicker-field', $html); + $this->assertStringContainsString('name="gallery[]" value="' . $media->id . '"', $html); + $this->assertStringContainsString('ގެލަރީ', $html); + + $json = json_decode(json_encode($form->render('json')), true); + $node = collect($json['components'] ?? $json['schema'] ?? [])->firstWhere('type', 'mediapicker'); + + $this->assertNotNull($node, json_encode($json)); + $this->assertEquals('gallery[]', $node['name']); + $this->assertTrue($node['props']['multiple']); + $this->assertEquals('wide', $node['props']['crop']); + $this->assertEquals($media->id, $node['props']['value'][0]['id']); + $this->assertEquals(url('/media'), $node['props']['url']); + } + + #[Test] + public function it_gives_react_the_picker_config(): void + { + $config = Mediapicker::pickerConfig(); + + $this->assertEquals(url('/media'), $config['url']); + $this->assertEquals(url('/admin/media'), Mediapicker::pickerConfig('admin.media')['url']); + $this->assertEquals(['image', 'video', 'audio', 'document', 'archive'], array_column($config['types'], 'value')); + $this->assertEquals('Choose media', $config['strings']['choose_media']); + $this->assertEquals(16 / 9, $config['crop_presets'][1]['aspect']); + } +} diff --git a/tests/Http/LibraryPagesTest.php b/tests/Http/LibraryPagesTest.php new file mode 100644 index 0000000..56dd952 --- /dev/null +++ b/tests/Http/LibraryPagesTest.php @@ -0,0 +1,172 @@ +setUpLibrary(); + } + + #[Test] + public function it_shows_the_library_in_a_grid(): void + { + $user = $this->userWith(['view_media', 'edit_media', 'delete_media']); + $media = $this->libraryMedia($user, name: 'ހުޅުމާލެ ބީޗް'); + + $this->actingAs($user) + ->get('/media') + ->assertOk() + ->assertSee('Media library') + ->assertSee('ހުޅުމާލެ ބީޗް') + ->assertSee("/media/{$media->id}/edit", false) + ->assertSee('name="media[]"', false) + ->assertSee('Upload media'); + } + + #[Test] + public function it_shows_the_library_as_a_list(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($user, 'test.pdf', 'Annual report'); + + $this->actingAs($user) + ->get('/media?view=list') + ->assertOk() + ->assertSee('Annual report') + ->assertSee('application/pdf') + ->assertSee("/media/{$media->id}", false) + ->assertDontSee('Upload media'); + } + + #[Test] + public function it_says_when_nothing_matches_the_filters(): void + { + $user = $this->userWith(['view_media']); + $this->libraryMedia($user, name: 'Logo'); + + $this->actingAs($user) + ->get('/media?search=' . urlencode('ބީޗް')) + ->assertOk() + ->assertSee('No media matches these filters.') + ->assertSee('Media matching'); + } + + #[Test] + public function it_sorts_with_the_combined_sort_field(): void + { + $user = $this->userWith(['view_media']); + $this->libraryMedia($user, name: 'Bravo'); + $this->libraryMedia($user, name: 'Alpha'); + + $this->actingAs($user) + ->get('/media?sort=name:asc') + ->assertOk() + ->assertSeeInOrder(['Alpha', 'Bravo']); + } + + #[Test] + public function it_shows_the_upload_page(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + + $this->actingAs($user) + ->get('/media/create') + ->assertOk() + ->assertSee('enctype="multipart/form-data"', false) + ->assertSee('name="file"', false) + ->assertSee('name="alt"', false); + } + + #[Test] + public function it_shows_the_edit_page_with_the_details_form_and_cropper(): void + { + $user = $this->userWith(['view_media', 'edit_media', 'delete_media']); + $media = $this->libraryMedia($user, name: 'ބީޗް', custom_properties: ['alt' => 'ކަނޑު', 'width' => 340, 'height' => 280]); + + $this->actingAs($user) + ->get("/media/{$media->id}/edit") + ->assertOk() + ->assertSee('value="ބީޗް"', false) + ->assertSee('value="ކަނޑު"', false) + ->assertSee('name="caption"', false) + ->assertSee('data-mediapicker-cropper', false) + ->assertSee('Wide (16:9)') + ->assertSee('Delete'); + } + + #[Test] + public function it_does_not_show_the_cropper_for_other_files(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + $media = $this->libraryMedia($user, 'test.pdf'); + + $this->actingAs($user) + ->get("/media/{$media->id}/edit") + ->assertOk() + ->assertDontSee('data-mediapicker-cropper', false); + } + + #[Test] + public function it_shows_a_media(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($user, name: 'ބީޗް', custom_properties: ['caption' => 'ފޮޓޯ: އަޙްމަދު', 'width' => 340, 'height' => 280]); + + $this->actingAs($user) + ->get("/media/{$media->id}") + ->assertOk() + ->assertSee('ބީޗް') + ->assertSee('ފޮޓޯ: އަޙްމަދު') + ->assertSee('340 × 280') + ->assertSee($media->getUrl()) + ->assertDontSee("/media/{$media->id}/edit", false); + } + + #[Test] + public function it_renders_the_inertia_pages(): void + { + config(['mediapicker.views' => 'inertia']); + + $user = $this->userWith(['view_media', 'edit_media']); + $media = $this->libraryMedia($user, name: 'ބީޗް'); + + $this->actingAs($user) + ->get('/media') + ->assertOk() + ->assertInertia(fn (AssertableInertia $page) => $page + ->component('mediapicker::Media/Index') + ->where('media_items.data.0.name', 'ބީޗް') + ->where('filters.view', 'grid') + ->where('can.create', true) + ->where('urls.store', url('/media')) + ->has('file_types', 5) + ->has('crop_presets', 5) + ->where('strings.media_library', 'Media library')); + + $this->actingAs($user) + ->get("/media/{$media->id}/edit") + ->assertInertia(fn (AssertableInertia $page) => $page + ->component('mediapicker::Media/Edit') + ->where('media.id', $media->id) + ->where('urls.crop', url("/media/{$media->id}/crops/{preset}")) + ->has('form')); + + $this->actingAs($user) + ->get("/media/{$media->id}") + ->assertInertia(fn (AssertableInertia $page) => $page->component('mediapicker::Media/Show')); + + $this->actingAs($user) + ->get('/media/create') + ->assertInertia(fn (AssertableInertia $page) => $page->component('mediapicker::Media/Create')); + } +} diff --git a/tests/TestCase.php b/tests/TestCase.php index eda29ef..3627d14 100644 --- a/tests/TestCase.php +++ b/tests/TestCase.php @@ -6,6 +6,7 @@ use Illuminate\Database\Eloquent\Relations\Relation; use Illuminate\Support\Facades\File; use Illuminate\Support\Facades\View; +use Inertia\ServiceProvider as InertiaServiceProvider; use Javaabu\Forms\FormsServiceProvider; use Javaabu\Manifest\ManifestServiceProvider; use Javaabu\Mediapicker\MediapickerServiceProvider; @@ -38,6 +39,8 @@ protected function setUp(): void View::addLocation(__DIR__ . '/TestSupport/views'); + $this->withoutVite(); + $this->setUpTempTestFiles(); } @@ -57,6 +60,7 @@ protected function getPackageProviders($app): array FormsServiceProvider::class, StencilServiceProvider::class, MediaLibraryServiceProvider::class, + InertiaServiceProvider::class, MediapickerServiceProvider::class, TestServiceProvider::class, ]; @@ -76,6 +80,7 @@ protected function defineEnvironment($app): void $config->set('permission.models.role', Role::class); $config->set('permissions.guards', ['web', 'web_admin']); $config->set('mediapicker.layout', 'layouts.app'); + $config->set('inertia.testing.ensure_pages_exist', false); $config->set('auth.guards', [ 'web' => [ diff --git a/tests/TestSupport/views/app.blade.php b/tests/TestSupport/views/app.blade.php new file mode 100644 index 0000000..dd10ca1 --- /dev/null +++ b/tests/TestSupport/views/app.blade.php @@ -0,0 +1,5 @@ + + +@inertiaHead +@inertia + diff --git a/tests/TestSupport/views/layouts/admin-blank.blade.php b/tests/TestSupport/views/layouts/admin-blank.blade.php deleted file mode 100644 index 87cb467..0000000 --- a/tests/TestSupport/views/layouts/admin-blank.blade.php +++ /dev/null @@ -1,11 +0,0 @@ - - -@section('title', 'Admin') - - -@section('content') -@show - -@stack('scripts') - - diff --git a/tests/TestSupport/views/layouts/admin.blade.php b/tests/TestSupport/views/layouts/admin.blade.php deleted file mode 100644 index 84f7b38..0000000 --- a/tests/TestSupport/views/layouts/admin.blade.php +++ /dev/null @@ -1,25 +0,0 @@ - - -@section('title', 'Admin') - - -
- - - -
-
-

@yield('page-title')

- @yield('page-subheading') - {{--Sub heading contents--}} - @yield('model-actions') -
- - @section('content') - @show -
-
- -@stack('scripts') - - diff --git a/tests/TestSupport/views/layouts/app.blade.php b/tests/TestSupport/views/layouts/app.blade.php new file mode 100644 index 0000000..a3458aa --- /dev/null +++ b/tests/TestSupport/views/layouts/app.blade.php @@ -0,0 +1,11 @@ + + + + + + Test + + +@yield('content') + + diff --git a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php index c5eb5d0..8b0fbde 100644 --- a/tests/Unit/Concerns/InteractsWithAttachmentsTest.php +++ b/tests/Unit/Concerns/InteractsWithAttachmentsTest.php @@ -404,8 +404,7 @@ public function it_can_update_attachment_media(): void // Update with a new set of media IDs (remove one, keep one, add one) $result = $post->updateAttachmentMedia([$media1->id, $media3->id]); - $this->assertCount(1, $result); - $this->assertEquals($media3->id, $result->first()->media_id); + $this->assertEquals([$media1->id, $media3->id], $result->pluck('media_id')->all()); // Check database $this->assertDatabaseHas('attachments', [ @@ -425,6 +424,63 @@ public function it_can_update_attachment_media(): void ]); } + #[Test] + public function it_reorders_attached_media(): void + { + $post = Post::factory()->create(); + $first = $this->getMedia(); + $second = $this->getMedia(); + + $post->updateAttachmentMedia([$first->id, $second->id], 'gallery'); + $post->updateAttachmentMedia([$second->id, $first->id], 'gallery'); + + $this->assertEquals([$second->id, $first->id], $post->fresh()->getAttachments('gallery')->pluck('media_id')->all()); + $this->assertCount(2, $post->fresh()->attachments); + } + + #[Test] + public function it_numbers_the_order_from_one_on_every_update(): void + { + $post = Post::factory()->create(); + $other = Post::factory()->create(); + $media = $this->getMedia(); + + $post->updateAttachmentMedia([$media->id], 'gallery'); + $other->updateAttachmentMedia([$media->id], 'gallery'); + + $this->assertEquals(1, $other->getFirstAttachment('gallery')->order_column); + } + + #[Test] + public function it_clears_a_collection_with_no_media(): void + { + $post = Post::factory()->create(); + $post->updateAttachmentMedia([$this->getMedia()->id], 'gallery'); + + $post->updateAttachmentMedia(['', null], 'gallery'); + + $this->assertFalse($post->fresh()->hasAttachments('gallery')); + } + + #[Test] + public function it_syncs_a_collection_from_a_picker_field_in_the_request(): void + { + $post = Post::factory()->create(); + $first = $this->getMedia(); + $second = $this->getMedia(); + + $this->assertNull($post->syncAttachmentsFromRequest('gallery', request: Request::create('/', 'POST', []))); + + $post->syncAttachmentsFromRequest('gallery', request: Request::create('/', 'POST', ['gallery' => [$second->id, $first->id]])); + $this->assertEquals([$second->id, $first->id], $post->fresh()->getAttachments('gallery')->pluck('media_id')->all()); + + $post->syncAttachmentsFromRequest('featured', 'featured_image', Request::create('/', 'POST', ['featured_image' => (string) $first->id])); + $this->assertEquals($first->id, $post->fresh()->getFirstAttachmentMedia('featured')->id); + + $post->syncAttachmentsFromRequest('gallery', request: Request::create('/', 'POST', ['gallery' => ''])); + $this->assertFalse($post->fresh()->hasAttachments('gallery')); + } + #[Test] public function it_can_clear_attachment_collection_except(): void { diff --git a/tests/js/api.test.ts b/tests/js/api.test.ts new file mode 100644 index 0000000..376843e --- /dev/null +++ b/tests/js/api.test.ts @@ -0,0 +1,133 @@ +import { afterEach, describe, expect, it, vi } from "vitest" + +import { createLibraryClient, csrfHeaders, LibraryError } from "../../resources/js/api" +import { format, formatBytes, translator, withDefaults } from "../../resources/js/strings" +import { mediaItem, page } from "./support/fixtures" + +function jsonResponse(body: unknown, status = 200) { + return new Response(JSON.stringify(body), { status, headers: { "Content-Type": "application/json" } }) +} + +afterEach(() => { + document.head.innerHTML = "" + document.cookie = "XSRF-TOKEN=; expires=Thu, 01 Jan 1970 00:00:00 GMT" +}) + +describe("createLibraryClient", () => { + it("lists with the filters as query parameters", async () => { + const fetcher = vi.fn().mockResolvedValue(jsonResponse(page([mediaItem()]))) + const client = createLibraryClient("/admin/media/", fetcher) + + const result = await client.list({ search: "ބީޗް", type: ["image", "video"], page: 2, owner: null }) + + expect(result.data[0]?.id).toBe(1) + const [url, init] = fetcher.mock.calls[0] as [string, RequestInit] + expect(url).toBe("/admin/media?search=%DE%84%DE%A9%DE%97%DE%B0&type%5B%5D=image&type%5B%5D=video&page=2") + expect((init.headers as Record).Accept).toBe("application/json") + }) + + it("sends the CSRF token with changes", async () => { + document.head.innerHTML = '' + const fetcher = vi.fn().mockResolvedValue(jsonResponse({ data: mediaItem({ name: "ހުޅުމާލެ" }) })) + const client = createLibraryClient("/media", fetcher) + + const media = await client.update(1, { name: "ހުޅުމާލެ" }) + + expect(media.name).toBe("ހުޅުމާލެ") + const [url, init] = fetcher.mock.calls[0] as [string, RequestInit] + expect(url).toBe("/media/1") + expect(init.method).toBe("PATCH") + expect((init.headers as Record)["X-CSRF-TOKEN"]).toBe("token-123") + expect(JSON.parse(init.body as string)).toEqual({ name: "ހުޅުމާލެ" }) + }) + + it("prefers the XSRF cookie", () => { + document.cookie = "XSRF-TOKEN=abc%3D" + expect(csrfHeaders()).toEqual({ "X-XSRF-TOKEN": "abc=" }) + }) + + it("saves crops", async () => { + const fetcher = vi.fn().mockResolvedValue(jsonResponse({ data: mediaItem() })) + await createLibraryClient("/media", fetcher).crop(5, "wide", { x: 0, y: 10, width: 160, height: 90 }) + + const [url, init] = fetcher.mock.calls[0] as [string, RequestInit] + expect(url).toBe("/media/5/crops/wide") + expect(init.method).toBe("PUT") + }) + + it("throws validation errors", async () => { + const fetcher = vi.fn().mockResolvedValue(jsonResponse({ message: "Invalid", errors: { name: ["Required"] } }, 422)) + + const error = await createLibraryClient("/media", fetcher) + .update(1, { name: "" }) + .catch((caught: unknown) => caught) + + expect(error).toBeInstanceOf(LibraryError) + expect((error as LibraryError).status).toBe(422) + expect((error as LibraryError).errors.name).toEqual(["Required"]) + }) + + it("deletes", async () => { + const fetcher = vi.fn().mockResolvedValue(new Response(null, { status: 204 })) + await expect(createLibraryClient("/media", fetcher).destroy(3)).resolves.toBeUndefined() + expect((fetcher.mock.calls[0] as [string, RequestInit])[1].method).toBe("DELETE") + }) + + it("uploads with progress", async () => { + const sent: { form?: FormData; url?: string } = {} + class FakeXhr { + upload = { onprogress: null as ((event: ProgressEvent) => void) | null } + status = 201 + statusText = "Created" + responseText = JSON.stringify({ data: mediaItem({ id: 9 }) }) + withCredentials = false + onload: (() => void) | null = null + onerror = null + onabort = null + open(_method: string, url: string) { + sent.url = url + } + setRequestHeader() {} + send(form: FormData) { + sent.form = form + this.upload.onprogress?.({ lengthComputable: true, loaded: 5, total: 10 } as ProgressEvent) + this.onload?.() + } + abort() {} + } + vi.stubGlobal("XMLHttpRequest", FakeXhr) + + const progress: number[] = [] + const media = await createLibraryClient("/media").upload(new File(["x"], "beach.jpg", { type: "image/jpeg" }), { + type: "image", + alt: "ކަނޑު", + crops: { wide: { x: 0, y: 1, width: 16, height: 9 } }, + onProgress: (value) => progress.push(value), + }) + + expect(media.id).toBe(9) + expect(sent.url).toBe("/media") + expect(sent.form?.get("type")).toBe("image") + expect(sent.form?.get("alt")).toBe("ކަނޑު") + expect(sent.form?.get("crops[wide][height]")).toBe("9") + expect(progress).toEqual([0.5, 1]) + + vi.unstubAllGlobals() + }) +}) + +describe("strings", () => { + it("fills placeholders and falls back to English", () => { + const t = translator({ selected: ":count ހޮވިފައި" }) + + expect(t("selected", { count: 3 })).toBe("3 ހޮވިފައި") + expect(t("cancel")).toBe("Cancel") + expect(format(":count of :counter", { count: 1, counter: 2 })).toBe("1 of 2") + expect(withDefaults(null).choose).toBe("Choose") + }) + + it("formats sizes", () => { + expect(formatBytes(512)).toBe("512 B") + expect(formatBytes(1536 * 1024)).toBe("1.5 MB") + }) +}) diff --git a/tests/js/picker.test.ts b/tests/js/picker.test.ts new file mode 100644 index 0000000..e15d316 --- /dev/null +++ b/tests/js/picker.test.ts @@ -0,0 +1,154 @@ +import { afterEach, describe, expect, it } from "vitest" +import { fireEvent, screen, waitFor, within } from "@testing-library/dom" + +import { openMediaPicker } from "../../resources/js/picker/dialog" +import { mountPickerFields, pickerField, type PickerFieldConfig } from "../../resources/js/picker/field" +import { fakeClient, mediaItem } from "./support/fixtures" + +afterEach(() => { + document.body.innerHTML = "" +}) + +describe("openMediaPicker", () => { + it("lists the library and resolves with the chosen media", async () => { + const { client } = fakeClient([mediaItem({ id: 1 }), mediaItem({ id: 2 })]) + const result = openMediaPicker({ url: "/media", client, type: "image", strings: { choose: "ހޮވާ" } }) + + const dialog = await screen.findByRole("dialog", { name: "Choose an image" }) + await within(dialog).findByText("ބީޗް 2") + + const choose = within(dialog).getByRole("button", { name: "ހޮވާ" }) + expect(choose).toBeDisabled() + + fireEvent.click(within(dialog).getByTitle("ބީޗް 2")) + expect(within(dialog).getByTitle("ބީޗް 2")).toHaveAttribute("aria-pressed", "true") + expect(within(dialog).getByRole("status")).toHaveTextContent("1 selected") + + fireEvent.click(choose) + + await expect(result).resolves.toEqual([expect.objectContaining({ id: 2 })]) + expect(screen.queryByRole("dialog")).toBeNull() + }) + + it("selects one at a time unless multiple", async () => { + const { client } = fakeClient([mediaItem({ id: 1 }), mediaItem({ id: 2 })]) + const result = openMediaPicker({ url: "/media", client, multiple: true, selected: [mediaItem({ id: 1 })] }) + + const dialog = await screen.findByRole("dialog", { name: "Choose media" }) + await within(dialog).findByText("ބީޗް 2") + + expect(within(dialog).getByTitle("ބީޗް 1")).toHaveAttribute("aria-pressed", "true") + fireEvent.click(within(dialog).getByTitle("ބީޗް 2")) + fireEvent.click(within(dialog).getByRole("button", { name: "Choose" })) + + expect((await result)?.map((item) => item.id)).toEqual([1, 2]) + }) + + it("resolves null when cancelled", async () => { + const { client } = fakeClient([mediaItem()]) + const result = openMediaPicker({ url: "/media", client }) + + fireEvent.click(await screen.findByRole("button", { name: "Cancel" })) + + await expect(result).resolves.toBeNull() + }) + + it("searches the library", async () => { + const { client, calls } = fakeClient([mediaItem({ id: 1, name: "ހުޅުމާލެ" }), mediaItem({ id: 2, name: "Logo" })]) + void openMediaPicker({ url: "/media", client }) + + const search = await screen.findByRole("searchbox", { name: "Search media" }) + fireEvent.input(search, { target: { value: "ހުޅު" } }) + + await waitFor(() => expect(screen.queryByText("Logo")).toBeNull()) + expect(screen.getByText("ހުޅުމާލެ")).toBeInTheDocument() + expect(calls.list.at(-1)).toMatchObject({ search: "ހުޅު", page: 1 }) + }) + + it("uploads and selects the new file", async () => { + const { client, calls } = fakeClient([]) + const result = openMediaPicker({ url: "/media", client, type: "image" }) + + const dialog = await screen.findByRole("dialog") + await within(dialog).findByText("No media yet") + + const input = dialog.querySelector('input[type="file"]') as HTMLInputElement + Object.defineProperty(input, "files", { value: [new File(["x"], "ބީޗް.jpg", { type: "image/jpeg" })] }) + fireEvent.change(input) + + await within(dialog).findByText("ބީޗް") + expect(calls.upload).toHaveLength(1) + + fireEvent.click(within(dialog).getByRole("button", { name: "Choose" })) + expect((await result)?.[0]?.name).toBe("ބީޗް") + }) + + it("loads more pages", async () => { + const { client, calls } = fakeClient([mediaItem()], { last: 2 }) + void openMediaPicker({ url: "/media", client }) + + fireEvent.click(await screen.findByRole("button", { name: "Load more" })) + + await waitFor(() => expect(calls.list.at(-1)).toMatchObject({ page: 2 })) + }) +}) + +describe("the Blade picker field", () => { + function field(config: Partial) { + const full: PickerFieldConfig = { name: "gallery[]", multiple: true, type: ["image"], url: "/media", value: [], ...config } + document.body.innerHTML = ` +
+
+
    +

    Nothing chosen

    +
    + + +
    +
    ` + mountPickerFields() + return document.querySelector("[data-mediapicker-field]") as HTMLElement + } + + const ids = () => Array.from(new FormData(document.querySelector("form") as HTMLFormElement).entries()) + + it("submits the ids of the chosen media in order", () => { + field({ value: [mediaItem({ id: 4 }), mediaItem({ id: 7 })] }) + + expect(ids()).toEqual([ + ["gallery[]", "4"], + ["gallery[]", "7"], + ]) + expect(screen.getByText("Nothing chosen")).not.toBeVisible() + }) + + it("reorders and removes", () => { + const element = field({ value: [mediaItem({ id: 4 }), mediaItem({ id: 7 })] }) + let changes = 0 + element.addEventListener("change", () => changes++) + + fireEvent.click(screen.getByRole("button", { name: "Move down: ބީޗް 4" })) + expect(ids().map(([, id]) => id)).toEqual(["7", "4"]) + + fireEvent.click(screen.getByRole("button", { name: "Remove: ބީޗް 7" })) + expect(ids().map(([, id]) => id)).toEqual(["4"]) + expect(changes).toBe(2) + }) + + it("still submits the field when cleared", () => { + field({ value: [mediaItem({ id: 4 })] }) + + fireEvent.click(screen.getByRole("button", { name: "Remove" })) + + expect(ids()).toEqual([["gallery", ""]]) + }) + + it("keeps one item for a single field", () => { + const element = field({ name: "featured", multiple: false }) + + pickerField(element)?.set([mediaItem({ id: 1 }), mediaItem({ id: 2 })]) + + expect(ids()).toEqual([["featured", "1"]]) + expect(screen.queryByRole("button", { name: /Move up/ })).toBeNull() + }) +}) diff --git a/tests/js/react.test.tsx b/tests/js/react.test.tsx new file mode 100644 index 0000000..25f9e94 --- /dev/null +++ b/tests/js/react.test.tsx @@ -0,0 +1,94 @@ +import { fireEvent, render, screen, waitFor, within } from "@testing-library/react" +import { useState } from "react" +import { describe, expect, it } from "vitest" + +import { MediaPicker, MediaPickerField, MediapickerProvider, Picture } from "../../resources/js" +import { withDefaults } from "../../resources/js/strings" +import type { MediaItem } from "../../resources/js/types" +import { fakeClient, mediaItem } from "./support/fixtures" + +function Controlled({ multiple = false, initial = null }: { multiple?: boolean; initial?: MediaItem | MediaItem[] | null }) { + const { client } = fakeClient([mediaItem({ id: 1 }), mediaItem({ id: 2 })]) + const [value, setValue] = useState(initial) + + return ( +
    + + + ) +} + +const submitted = () => Array.from(new FormData(screen.getByTestId("form") as HTMLFormElement).entries()) + +describe("MediaPicker", () => { + it("chooses media in the library dialog", async () => { + render() + + expect(screen.getByText("Nothing chosen")).toBeInTheDocument() + expect(submitted()).toEqual([["featured", ""]]) + + fireEvent.click(screen.getByRole("button", { name: /Choose/ })) + + const dialog = await screen.findByRole("dialog") + fireEvent.click(await within(dialog).findByRole("button", { name: /ބީޗް 2/ })) + fireEvent.click(within(dialog).getByRole("button", { name: "Choose" })) + + await waitFor(() => expect(submitted()).toEqual([["featured", "2"]])) + expect(screen.getByText("ބީޗް 2")).toBeInTheDocument() + }) + + it("reorders and removes several", () => { + render() + + fireEvent.click(screen.getByRole("button", { name: "Move up: ބީޗް 2" })) + expect(submitted().map(([, id]) => id)).toEqual(["2", "1"]) + + fireEvent.click(screen.getByRole("button", { name: "Remove: ބީޗް 2" })) + expect(submitted()).toEqual([["gallery[]", "1"]]) + }) +}) + +describe("MediaPickerField", () => { + it("takes the library from the provider and shows a label", () => { + const config = { url: "/admin/media", types: [], accept: "image/*", max_size: 1024, crop_presets: [], strings: withDefaults({ choose: "ހޮވާ" }) } + + render( + + {}} required /> + , + ) + + expect(screen.getByText("ފޮޓޯ")).toBeInTheDocument() + expect(screen.getByRole("button", { name: /ހޮވާ/ })).toBeInTheDocument() + }) +}) + +describe("Picture", () => { + it("renders sources and the image", () => { + const { container } = render( + , + ) + + expect(container.querySelector('source[type="image/webp"]')?.getAttribute("srcset")).toBe("/card.webp 800w") + const img = screen.getByAltText("ކަނޑު") + expect(img).toHaveAttribute("width", "800") + expect(img).toHaveAttribute("sizes", "100vw") + expect(img).toHaveClass("rounded") + }) + + it("renders nothing without an image", () => { + const { container } = render() + expect(container.innerHTML).toBe("") + }) +}) diff --git a/tests/js/setup.ts b/tests/js/setup.ts new file mode 100644 index 0000000..bfe6f27 --- /dev/null +++ b/tests/js/setup.ts @@ -0,0 +1,46 @@ +import "@testing-library/jest-dom/vitest" + +// jsdom has no matchMedia; Onu's components use it for reduced motion +if (!window.matchMedia) { + window.matchMedia = (query: string) => + ({ + matches: false, + media: query, + onchange: null, + addListener: () => {}, + removeListener: () => {}, + addEventListener: () => {}, + removeEventListener: () => {}, + dispatchEvent: () => false, + }) as MediaQueryList +} + +// jsdom's has no showModal() +if (typeof HTMLDialogElement !== "undefined" && !HTMLDialogElement.prototype.showModal) { + HTMLDialogElement.prototype.showModal = function showModal(this: HTMLDialogElement) { + this.setAttribute("open", "") + } + HTMLDialogElement.prototype.close = function close(this: HTMLDialogElement) { + this.removeAttribute("open") + this.dispatchEvent(new Event("close")) + } +} + +if (!globalThis.ResizeObserver) { + globalThis.ResizeObserver = class { + observe() {} + unobserve() {} + disconnect() {} + } as unknown as typeof ResizeObserver +} + +if (!globalThis.IntersectionObserver) { + globalThis.IntersectionObserver = class { + observe() {} + unobserve() {} + disconnect() {} + takeRecords() { + return [] + } + } as unknown as typeof IntersectionObserver +} diff --git a/tests/js/support/fixtures.ts b/tests/js/support/fixtures.ts new file mode 100644 index 0000000..430dd03 --- /dev/null +++ b/tests/js/support/fixtures.ts @@ -0,0 +1,74 @@ +import type { LibraryClient } from "../../../resources/js/api" +import type { MediaItem, Paginated } from "../../../resources/js/types" + +export function mediaItem(overrides: Partial = {}): MediaItem { + const id = overrides.id ?? 1 + return { + id, + uuid: `uuid-${id}`, + name: `ބީޗް ${id}`, + file_name: `beach-${id}.jpg`, + mime_type: "image/jpeg", + type: "image", + icon: "image", + size: 2048, + human_size: "2 KB", + width: 340, + height: 280, + description: null, + alt: "ކަނޑު", + caption: null, + url: `/storage/${id}/beach.jpg`, + thumb: `/storage/${id}/conversions/beach-mediapicker-thumb.jpg`, + preview: null, + crops: {}, + translations: null, + owner: null, + created_at: "2026-11-05T10:00:00+05:00", + updated_at: "2026-11-05T10:00:00+05:00", + can: { update: true, delete: true }, + links: { show: `/media/${id}`, edit: `/media/${id}/edit`, update: `/media/${id}`, destroy: `/media/${id}` }, + ...overrides, + } +} + +export function page(items: MediaItem[], current = 1, last = 1): Paginated { + return { + data: items, + links: { first: null, last: null, prev: null, next: null }, + meta: { current_page: current, last_page: last, per_page: 24, total: items.length, from: 1, to: items.length, path: "/media", links: [] }, + } +} + +/** A client over an in-memory library */ +export function fakeClient(items: MediaItem[], options: { last?: number } = {}) { + const calls: { list: unknown[]; upload: File[]; crop: unknown[] } = { list: [], upload: [], crop: [] } + let next = 100 + + const client: LibraryClient = { + async list(query = {}) { + calls.list.push(query) + const search = (query.search ?? "").toString() + const matching = items.filter((item) => !search || item.name.includes(search)) + return page(matching, query.page ?? 1, options.last ?? 1) + }, + async find(id) { + return items.find((item) => item.id === Number(id)) ?? mediaItem({ id: Number(id) }) + }, + async upload(file, upload = {}) { + calls.upload.push(file) + upload.onProgress?.(1) + return mediaItem({ id: next++, name: file.name.replace(/\.[^.]+$/, "") }) + }, + async update(id, details) { + return { ...mediaItem({ id: Number(id) }), ...details } + }, + async crop(id, preset, crop) { + calls.crop.push({ id, preset, crop }) + return mediaItem({ id: Number(id), crops: { [preset]: { rotation: 0, ...crop } } }) + }, + async destroy() {}, + } + + return { client, calls } +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..48ccc97 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,28 @@ +{ + "compilerOptions": { + "target": "ES2022", + "lib": ["ES2022", "DOM", "DOM.Iterable"], + "module": "ESNext", + "moduleResolution": "Bundler", + "jsx": "react-jsx", + "strict": true, + "noUncheckedIndexedAccess": true, + "noImplicitOverride": true, + "noFallthroughCasesInSwitch": true, + "isolatedModules": true, + "esModuleInterop": true, + "skipLibCheck": true, + "resolveJsonModule": true, + "noEmit": true, + "types": ["node", "vite/client", "@testing-library/jest-dom"], + "paths": { + "@javaabu/mediapicker": ["./resources/js"], + "@javaabu/mediapicker/*": ["./resources/js/*"], + "@javaabu/block-editor": ["./vendor/javaabu/block-editor/resources/js"], + "@javaabu/block-editor/*": ["./vendor/javaabu/block-editor/resources/js/*"], + "@javaabu/stencil": ["./vendor/javaabu/stencil/resources/js"], + "@javaabu/stencil/*": ["./vendor/javaabu/stencil/resources/js/*"] + } + }, + "include": ["resources/js", "tests/js", "*.config.ts"] +} diff --git a/vitest.config.ts b/vitest.config.ts new file mode 100644 index 0000000..dcb65d6 --- /dev/null +++ b/vitest.config.ts @@ -0,0 +1,27 @@ +import { defineConfig } from "vitest/config" + +// @javaabu/block-editor and @javaabu/stencil are the TypeScript javaabu/block-editor and +// javaabu/stencil ship in their Composer packages. Apps get them through javaabu/manifest; +// here they come from vendor/ (run composer install first). +const path = (relative: string) => new URL(relative, import.meta.url).pathname + +export default defineConfig({ + resolve: { + alias: { + "@javaabu/mediapicker": path("./resources/js"), + "@javaabu/block-editor": path("./vendor/javaabu/block-editor/resources/js"), + "@javaabu/stencil": path("./vendor/javaabu/stencil/resources/js"), + }, + }, + test: { + environment: "jsdom", + include: ["tests/js/**/*.test.{ts,tsx}"], + setupFiles: ["tests/js/setup.ts"], + coverage: { + provider: "v8", + include: ["resources/js/**/*.{ts,tsx}"], + reporter: ["text", "clover", "lcov"], + reportsDirectory: "coverage", + }, + }, +}) From f471e7eff26a8945fa23276e1fa33d6171d1700e Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 23:38:13 +0500 Subject: [PATCH 05/14] Block editor blocks, prebuilt dist, TypeScript CI - image (replacing the core URL image), gallery, file and mediaVideo blocks for javaabu/block-editor: they pick from the library in the editor, keep the media id and a snapshot, and render the current media in Blade (snapshot in React) - Block content only accepts media the editor may see (LibraryMedia) - dist/ with the Blade picker, cropper and blocks for apps without Vite; CI checks it - CI job for TypeScript: lint, format, typecheck, Vitest with coverage, dist - React tests load Onu's media components; page and block tests Closes #5 Co-Authored-By: Claude Opus 5.5 --- .github/workflows/tests.yml | 184 +- config/mediapicker.php | 12 + dist/.vite/manifest.json | 64 + dist/assets/cropper-B0MRTFK5.js | 3 + dist/assets/cropper-DMIal2X7.css | 10 + dist/assets/dialog-BNieuy7N.js | 1 + dist/assets/index-CTa77IUl.js | 75 + dist/assets/mount-DD7-9_Qt.js | 1 + dist/assets/picker-DZpII1oN.js | 1 + dist/assets/rolldown-runtime-WkwZ5CU-.js | 1 + dist/assets/strings-BGZ7j9fb.css | 1 + dist/assets/strings-BSe7uzRa.js | 1 + pint.json | 34 +- resources/js/Pages/Media/Create.tsx | 15 +- resources/js/Pages/Media/Edit.tsx | 8 +- resources/js/Pages/Media/Index.tsx | 6 +- resources/js/Pages/Media/Show.tsx | 4 +- resources/js/api.ts | 27 +- resources/js/blade/picker.ts | 7 +- resources/js/blocks/file.ts | 46 + resources/js/blocks/gallery.ts | 83 + resources/js/blocks/image.ts | 45 + resources/js/blocks/index.ts | 25 +- resources/js/blocks/render.tsx | 86 + resources/js/blocks/shared.ts | 118 ++ resources/js/blocks/video.ts | 38 + resources/js/cropper/cropper.ts | 14 +- resources/js/icons.ts | 75 +- resources/js/index.ts | 9 +- resources/js/picker/dialog.ts | 8 +- resources/js/picker/field.ts | 8 +- resources/js/react/MediaLibraryDialog.tsx | 19 +- resources/js/react/MediaPickerField.tsx | 11 +- resources/js/react/MediaPreview.tsx | 7 +- resources/js/react/context.tsx | 8 +- resources/js/strings.en.json | 198 +- resources/views/blocks/file.blade.php | 7 + resources/views/blocks/gallery.blade.php | 21 + resources/views/blocks/image.blade.php | 15 + resources/views/blocks/media-video.blade.php | 14 + src/Assets/Assets.php | 2 +- src/Blocks/File.php | 61 + src/Blocks/Gallery.php | 83 + src/Blocks/Image.php | 63 + src/Blocks/MediaBlock.php | 89 + src/Blocks/MediaVideo.php | 61 + src/MediapickerServiceProvider.php | 15 + tests/Feature/Blocks/JsFixtureTest.php | 30 + tests/Feature/Blocks/MediaBlocksTest.php | 154 ++ tests/TestCase.php | 2 + tests/js/blocks.test.tsx | 109 ++ tests/js/fixtures/editor-config.json | 1801 ++++++++++++++++++ tests/js/pages.test.tsx | 149 ++ tests/js/picker.test.ts | 9 +- tests/js/react.test.tsx | 33 +- tests/js/setup.ts | 4 + tests/js/support/fixtures.ts | 11 +- vite.config.ts | 39 + vitest.config.ts | 2 + 59 files changed, 3747 insertions(+), 280 deletions(-) create mode 100644 dist/.vite/manifest.json create mode 100644 dist/assets/cropper-B0MRTFK5.js create mode 100644 dist/assets/cropper-DMIal2X7.css create mode 100644 dist/assets/dialog-BNieuy7N.js create mode 100644 dist/assets/index-CTa77IUl.js create mode 100644 dist/assets/mount-DD7-9_Qt.js create mode 100644 dist/assets/picker-DZpII1oN.js create mode 100644 dist/assets/rolldown-runtime-WkwZ5CU-.js create mode 100644 dist/assets/strings-BGZ7j9fb.css create mode 100644 dist/assets/strings-BSe7uzRa.js create mode 100644 resources/js/blocks/file.ts create mode 100644 resources/js/blocks/gallery.ts create mode 100644 resources/js/blocks/image.ts create mode 100644 resources/js/blocks/render.tsx create mode 100644 resources/js/blocks/shared.ts create mode 100644 resources/js/blocks/video.ts create mode 100644 resources/views/blocks/file.blade.php create mode 100644 resources/views/blocks/gallery.blade.php create mode 100644 resources/views/blocks/image.blade.php create mode 100644 resources/views/blocks/media-video.blade.php create mode 100644 src/Blocks/File.php create mode 100644 src/Blocks/Gallery.php create mode 100644 src/Blocks/Image.php create mode 100644 src/Blocks/MediaBlock.php create mode 100644 src/Blocks/MediaVideo.php create mode 100644 tests/Feature/Blocks/JsFixtureTest.php create mode 100644 tests/Feature/Blocks/MediaBlocksTest.php create mode 100644 tests/js/blocks.test.tsx create mode 100644 tests/js/fixtures/editor-config.json create mode 100644 tests/js/pages.test.tsx create mode 100644 vite.config.ts diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml index 42a23dc..241f84b 100644 --- a/.github/workflows/tests.yml +++ b/.github/workflows/tests.yml @@ -1,101 +1,101 @@ name: tests on: - pull_request: - push: - branches: - - main - - next-gen - workflow_dispatch: + pull_request: + push: + branches: + - main + - next-gen + workflow_dispatch: # The unreleased javaabu/* dependencies come from VCS repositories; the job's own # token keeps Composer within GitHub's API limits env: - COMPOSER_AUTH: '{"github-oauth": {"github.com": "${{ github.token }}"}}' + COMPOSER_AUTH: '{"github-oauth": {"github.com": "${{ github.token }}"}}' jobs: - pint: - runs-on: ubuntu-latest - - name: Pint and dependencies - - steps: - - name: Checkout code - uses: actions/checkout@v5 - - - name: Setup PHP - uses: shivammathur/setup-php@v2 - with: - php-version: 8.4 - coverage: none - - - name: Install dependencies - run: composer update --prefer-dist --no-interaction --no-progress - - - name: Check code style - run: vendor/bin/pint --test - - # javaabu/helpers pins javaabu/settings ^1, which breaks installs next to settings v2 - - name: No javaabu/helpers or javaabu/settings ^1 in production dependencies - run: | - tree="$(composer show --tree --no-dev)" - if echo "$tree" | grep -E 'javaabu/helpers'; then - echo "javaabu/mediapicker must not depend on javaabu/helpers" - exit 1 - fi - if echo "$tree" | grep -E 'javaabu/settings (\^|~)?1'; then - echo "javaabu/mediapicker must not depend on javaabu/settings ^1" - exit 1 - fi - - tests: - runs-on: ubuntu-latest - - strategy: - fail-fast: false - matrix: - php: [ 8.4, 8.5 ] - laravel: [ 12.*, 13.* ] - stability: [ prefer-lowest, prefer-stable ] - include: - - laravel: 12.* - testbench: 10.* - - laravel: 13.* - testbench: 11.* - - name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - - env: - COVERAGE: ${{ matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' }} - - steps: - - name: Checkout code - uses: actions/checkout@v5 - - - name: Setup PHP - uses: shivammathur/setup-php@v2 - with: - php-version: ${{ matrix.php }} - extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo - coverage: ${{ env.COVERAGE == 'true' && 'pcov' || 'none' }} - - - name: Install dependencies - run: | - composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update - composer update --${{ matrix.stability }} --prefer-dist --no-interaction --no-progress - - - name: Execute tests - if: env.COVERAGE != 'true' - run: vendor/bin/phpunit - - - name: Execute tests with coverage - if: env.COVERAGE == 'true' - run: vendor/bin/phpunit --coverage-clover build/coverage.xml - - - name: Upload coverage to Codecov - if: env.COVERAGE == 'true' - uses: codecov/codecov-action@v5 - with: - files: build/coverage.xml - fail_ci_if_error: false - token: ${{ secrets.CODECOV_TOKEN }} + pint: + runs-on: ubuntu-latest + + name: Pint and dependencies + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: 8.4 + coverage: none + + - name: Install dependencies + run: composer update --prefer-dist --no-interaction --no-progress + + - name: Check code style + run: vendor/bin/pint --test + + # javaabu/helpers pins javaabu/settings ^1, which breaks installs next to settings v2 + - name: No javaabu/helpers or javaabu/settings ^1 in production dependencies + run: | + tree="$(composer show --tree --no-dev)" + if echo "$tree" | grep -E 'javaabu/helpers'; then + echo "javaabu/mediapicker must not depend on javaabu/helpers" + exit 1 + fi + if echo "$tree" | grep -E 'javaabu/settings (\^|~)?1'; then + echo "javaabu/mediapicker must not depend on javaabu/settings ^1" + exit 1 + fi + + tests: + runs-on: ubuntu-latest + + strategy: + fail-fast: false + matrix: + php: [8.4, 8.5] + laravel: [12.*, 13.*] + stability: [prefer-lowest, prefer-stable] + include: + - laravel: 12.* + testbench: 10.* + - laravel: 13.* + testbench: 11.* + + name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} + + env: + COVERAGE: ${{ matrix.php == '8.4' && matrix.laravel == '13.*' && matrix.stability == 'prefer-stable' }} + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: ${{ matrix.php }} + extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo + coverage: ${{ env.COVERAGE == 'true' && 'pcov' || 'none' }} + + - name: Install dependencies + run: | + composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update + composer update --${{ matrix.stability }} --prefer-dist --no-interaction --no-progress + + - name: Execute tests + if: env.COVERAGE != 'true' + run: vendor/bin/phpunit + + - name: Execute tests with coverage + if: env.COVERAGE == 'true' + run: vendor/bin/phpunit --coverage-clover build/coverage.xml + + - name: Upload coverage to Codecov + if: env.COVERAGE == 'true' + uses: codecov/codecov-action@v5 + with: + files: build/coverage.xml + fail_ci_if_error: false + token: ${{ secrets.CODECOV_TOKEN }} diff --git a/config/mediapicker.php b/config/mediapicker.php index adb7d4d..66644fa 100644 --- a/config/mediapicker.php +++ b/config/mediapicker.php @@ -119,6 +119,18 @@ 'free' => ['label' => 'Free', 'aspect' => null], ], + /* + |-------------------------------------------------------------------------- + | Block editor + |-------------------------------------------------------------------------- + | + | Register the image, gallery, file and mediaVideo blocks with + | javaabu/block-editor. The image block replaces the core URL image. + | + */ + + 'blocks' => true, + /* |-------------------------------------------------------------------------- | Pages diff --git a/dist/.vite/manifest.json b/dist/.vite/manifest.json new file mode 100644 index 0000000..4344ac4 --- /dev/null +++ b/dist/.vite/manifest.json @@ -0,0 +1,64 @@ +{ + "_dialog-BNieuy7N.js": { + "file": "assets/dialog-BNieuy7N.js", + "name": "dialog", + "imports": [ + "_strings-BSe7uzRa.js" + ] + }, + "_mount-DD7-9_Qt.js": { + "file": "assets/mount-DD7-9_Qt.js", + "name": "mount" + }, + "_rolldown-runtime-WkwZ5CU-.js": { + "file": "assets/rolldown-runtime-WkwZ5CU-.js", + "name": "rolldown-runtime" + }, + "_strings-BGZ7j9fb.css": { + "file": "assets/strings-BGZ7j9fb.css", + "src": "_strings-BGZ7j9fb.css" + }, + "_strings-BSe7uzRa.js": { + "file": "assets/strings-BSe7uzRa.js", + "name": "strings", + "css": [ + "assets/strings-BGZ7j9fb.css" + ] + }, + "resources/js/blade/cropper.ts": { + "file": "assets/cropper-B0MRTFK5.js", + "name": "cropper", + "src": "resources/js/blade/cropper.ts", + "isEntry": true, + "imports": [ + "_rolldown-runtime-WkwZ5CU-.js", + "_strings-BSe7uzRa.js", + "_mount-DD7-9_Qt.js" + ], + "css": [ + "assets/cropper-DMIal2X7.css" + ] + }, + "resources/js/blade/picker.ts": { + "file": "assets/picker-DZpII1oN.js", + "name": "picker", + "src": "resources/js/blade/picker.ts", + "isEntry": true, + "imports": [ + "_strings-BSe7uzRa.js", + "_dialog-BNieuy7N.js", + "_mount-DD7-9_Qt.js" + ] + }, + "resources/js/blocks/index.ts": { + "file": "assets/index-CTa77IUl.js", + "name": "index", + "src": "resources/js/blocks/index.ts", + "isEntry": true, + "imports": [ + "_rolldown-runtime-WkwZ5CU-.js", + "_strings-BSe7uzRa.js", + "_dialog-BNieuy7N.js" + ] + } +} \ No newline at end of file diff --git a/dist/assets/cropper-B0MRTFK5.js b/dist/assets/cropper-B0MRTFK5.js new file mode 100644 index 0000000..17b4002 --- /dev/null +++ b/dist/assets/cropper-B0MRTFK5.js @@ -0,0 +1,3 @@ +import{n as e,t}from"./rolldown-runtime-WkwZ5CU-.js";import{c as n,i as r,l as i,t as a}from"./strings-BSe7uzRa.js";import{n as o,t as s}from"./mount-DD7-9_Qt.js";var c=e(t(((e,t,n)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self,n.Cropper=r())})(n,(function(){function e(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n
    `,Ie=Number.isNaN||b.isNaN,Le=Number.isFinite||b.isFinite;function z(e){return typeof e==`number`&&!Ie(e)}var Re=function(e){return e>0&&e<1/0};function ze(e){return e===void 0}function B(e){return _(e)===`object`&&e!==null}var Be=Object.prototype.hasOwnProperty;function V(e){if(!B(e))return!1;try{var t=e.constructor,n=t.prototype;return t&&n&&Be.call(n,`isPrototypeOf`)}catch{return!1}}function H(e){return typeof e==`function`}var Ve=Array.prototype.slice;function He(e){return Array.from?Array.from(e):Ve.call(e)}function U(e,t){return e&&H(t)&&(Array.isArray(e)||z(e.length)?He(e).forEach(function(n,r){t.call(e,n,r,e)}):B(e)&&Object.keys(e).forEach(function(n){t.call(e,e[n],n,e)})),e}var W=Object.assign||function(e){var t=[...arguments].slice(1);return B(e)&&t.length>0&&t.forEach(function(t){B(t)&&Object.keys(t).forEach(function(n){e[n]=t[n]})}),e},Ue=/\.\d*(?:0|9){12}\d*$/;function G(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Math.abs(e)<1/t||Ue.test(e)?Math.round(e*t)/t:e}var We=/^width|height|left|top|marginLeft|marginTop$/;function K(e,t){var n=e.style;U(t,function(e,t){We.test(t)&&z(e)&&(e=`${e}px`),n[t]=e})}function Ge(e,t){return e.classList?e.classList.contains(t):e.className.split(Ae).indexOf(t)>-1}function q(e,t){if(t){if(z(e.length))U(e,function(e){q(e,t)});else if(e.classList)e.classList.add(t);else{var n=e.className.trim();n?n.indexOf(t)<0&&(e.className=`${n} ${t}`):e.className=t}}}function J(e,t){t&&(z(e.length)?U(e,function(e){J(e,t)}):e.classList?e.classList.remove(t):e.className.indexOf(t)>=0&&(e.className=e.className.split(Ae).filter(function(e){return e&&e!==t}).join(` `)))}function Y(e,t,n){t&&(z(e.length)?U(e,function(e){Y(e,t,n)}):n?q(e,t):J(e,t))}var Ke=/([a-z\d])([A-Z])/g;function qe(e){return typeof e==`string`?e.replace(Ke,`$1-$2`).toLowerCase():``}function Je(e,t){return B(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute(`data-${qe(t)}`)}function Ye(e,t,n){B(n)?e[t]=n:e.dataset?e.dataset[t]=n:e.setAttribute(`data-${qe(t)}`,n)}function Xe(e,t){if(B(e[t]))try{delete e[t]}catch{e[t]=void 0}else if(e.dataset)try{delete e.dataset[t]}catch{e.dataset[t]=void 0}else e.removeAttribute(`data-${qe(t)}`)}var Ze=function(){var e=!1;if(y){var t=!1,n=function(){},r=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(e){t=e}});b.addEventListener(`test`,n,r),b.removeEventListener(`test`,n,r)}return e}();function X(e,t,n){var r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};if(e&&t&&H(e.removeEventListener)){var i=n;t.trim().split(Ae).forEach(function(t){if(!Ze){var a=e.__cropperListeners__||{};a[t]&&a[t][n]&&(i=a[t][n],delete a[t][n],Object.keys(a[t]).length===0&&delete a[t],Object.keys(a).length===0&&delete e.__cropperListeners__)}e.removeEventListener(t,i,r)})}}function Z(e,t,n){var r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};if(e&&t&&H(e.addEventListener)&&H(n)){var i=n;t.trim().split(Ae).forEach(function(t){if(r.once&&!Ze){var a=e.__cropperListeners__||{};i=function(){a[t]&&a[t][n]&&delete a[t][n],e.removeEventListener(t,i,r);var o=[...arguments];n.apply(e,o)},a[t]||(a[t]={}),a[t][n]&&e.removeEventListener(t,a[t][n],r),a[t][n]=i,e.__cropperListeners__=a}e.addEventListener(t,i,r)})}}function Q(e,t,n){if(!e||!t||!H(e.dispatchEvent))return!1;var r;if(H(Event)&&H(CustomEvent))r=new CustomEvent(t,{detail:n,bubbles:!0,cancelable:!0});else if(B(document)&&H(document.createEvent))r=document.createEvent(`CustomEvent`),r.initCustomEvent(t,!0,!0,n);else return!1;return e.dispatchEvent(r)}function Qe(e){if(!e||!H(e.getBoundingClientRect))return{left:0,top:0};var t=e.getBoundingClientRect(),n=(document||{}).documentElement,r=n===void 0?{}:n,i=b.pageXOffset||0,a=b.pageYOffset||0;return{left:t.left+(i-(r.clientLeft||0)),top:t.top+(a-(r.clientTop||0))}}var $e=b.location,et=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function tt(e){var t=e.match(et);return t!==null&&(t[1]!==$e.protocol||t[2]!==$e.hostname||t[3]!==$e.port)}function nt(e){var t=e.indexOf(`#`),n=t>=0?e.slice(t):``,r=t>=0?e.slice(0,t):e,i=`timestamp=${new Date().getTime()}`;return`${r}${r.indexOf(`?`)===-1?`?`:`&`}${i}${n}`}function rt(e){var t=e.rotate,n=e.scaleX,r=e.scaleY,i=e.translateX,a=e.translateY,o=[];z(i)&&i!==0&&o.push(`translateX(${i}px)`),z(a)&&a!==0&&o.push(`translateY(${a}px)`),z(t)&&t!==0&&o.push(`rotate(${t}deg)`),z(n)&&n!==1&&o.push(`scaleX(${n})`),z(r)&&r!==1&&o.push(`scaleY(${r})`);var s=o.length?o.join(` `):`none`;return{WebkitTransform:s,msTransform:s,transform:s}}function it(e){var t=f({},e),n=0;return U(e,function(e,r){delete t[r],U(t,function(t){var r=Math.abs(e.startX-t.startX),i=Math.abs(e.startY-t.startY),a=Math.abs(e.endX-t.endX),o=Math.abs(e.endY-t.endY),s=Math.sqrt(r*r+i*i),c=Math.sqrt(a*a+o*o);if(Le(s)&&Le(c)&&s!==0&&c!==s){var l=(c-s)/s;Le(l)&&Math.abs(l)>Math.abs(n)&&(n=l)}})}),n}function at(e,t){var n=e.pageX,r=e.pageY,i={endX:n,endY:r};return t?i:f({startX:n,startY:r},i)}function ot(e){var t=0,n=0,r=0;return U(e,function(e){var i=e.startX,a=e.startY;t+=i,n+=a,r+=1}),t/=r,n/=r,{pageX:t,pageY:n}}function $(e){var t=e.aspectRatio,n=e.height,r=e.width,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`contain`,a=Re(r),o=Re(n);if(a&&o){var s=n*t;i===`contain`&&s>r||i===`cover`&&s90?{width:c,height:s}:{width:s,height:c}}function ct(e,t,n,r){var i=t.aspectRatio,a=t.naturalWidth,o=t.naturalHeight,s=t.rotate,c=s===void 0?0:s,l=t.scaleX,u=l===void 0?1:l,d=t.scaleY,f=d===void 0?1:d,p=n.aspectRatio,h=n.naturalWidth,g=n.naturalHeight,_=r.fillColor,v=_===void 0?`transparent`:_,y=r.imageSmoothingEnabled,b=y===void 0||y,x=r.imageSmoothingQuality,S=x===void 0?`low`:x,C=r.maxWidth,w=C===void 0?1/0:C,T=r.maxHeight,E=T===void 0?1/0:T,D=r.minWidth,O=D===void 0?0:D,k=r.minHeight,A=k===void 0?0:k,j=document.createElement(`canvas`),M=j.getContext(`2d`),N=$({aspectRatio:p,width:w,height:E}),P=$({aspectRatio:p,width:O,height:A},`cover`),F=Math.min(N.width,Math.max(P.width,h)),I=Math.min(N.height,Math.max(P.height,g)),L=$({aspectRatio:i,width:w,height:E}),R=$({aspectRatio:i,width:O,height:A},`cover`),ee=Math.min(L.width,Math.max(R.width,a)),te=Math.min(L.height,Math.max(R.height,o)),ne=[-ee/2,-te/2,ee,te];return j.width=G(F),j.height=G(I),M.fillStyle=v,M.fillRect(0,0,F,I),M.save(),M.translate(F/2,I/2),M.rotate(c*Math.PI/180),M.scale(u,f),M.imageSmoothingEnabled=b,M.imageSmoothingQuality=S,M.drawImage.apply(M,[e].concat(m(ne.map(function(e){return Math.floor(G(e))})))),M.restore(),j}var lt=String.fromCharCode;function ut(e,t,n){var r=``;n+=t;for(var i=t;i0;)n.push(lt.apply(null,He(i.subarray(0,r)))),i=i.subarray(r);return`data:${t};base64,${btoa(n.join(``))}`}function mt(e){var t=new DataView(e),n;try{var r,i,a;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var o=t.byteLength,s=2;s+1=8&&(a=l+d)}}}if(a){for(var f=t.getUint16(a,r),p,m=0;m=0?i:Me),height:Math.max(n.offsetHeight,a>=0?a:Ne)};this.containerData=o,K(r,{width:o.width,height:o.height}),q(e,R),J(r,R)},initCanvas:function(){var e=this.containerData,t=this.imageData,n=this.options.viewMode,r=Math.abs(t.rotate)%180==90,i=r?t.naturalHeight:t.naturalWidth,a=r?t.naturalWidth:t.naturalHeight,o=i/a,s=e.width,c=e.height;e.height*o>e.width?n===3?s=e.height*o:c=e.width/o:n===3?c=e.width/o:s=e.height*o;var l={aspectRatio:o,naturalWidth:i,naturalHeight:a,width:s,height:c};this.canvasData=l,this.limited=n===1||n===2,this.limitCanvas(!0,!0),l.width=Math.min(Math.max(l.width,l.minWidth),l.maxWidth),l.height=Math.min(Math.max(l.height,l.minHeight),l.maxHeight),l.left=(e.width-l.width)/2,l.top=(e.height-l.height)/2,l.oldLeft=l.left,l.oldTop=l.top,this.initialCanvasData=W({},l)},limitCanvas:function(e,t){var n=this.options,r=this.containerData,i=this.canvasData,a=this.cropBoxData,o=n.viewMode,s=i.aspectRatio,c=this.cropped&&a;if(e){var l=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;o>1?(l=Math.max(l,r.width),u=Math.max(u,r.height),o===3&&(u*s>l?l=u*s:u=l/s)):o>0&&(l?l=Math.max(l,c?a.width:0):u?u=Math.max(u,c?a.height:0):c&&(l=a.width,u=a.height,u*s>l?l=u*s:u=l/s));var d=$({aspectRatio:s,width:l,height:u});l=d.width,u=d.height,i.minWidth=l,i.minHeight=u,i.maxWidth=1/0,i.maxHeight=1/0}if(t){if(o>+!c){var f=r.width-i.width,p=r.height-i.height;i.minLeft=Math.min(0,f),i.minTop=Math.min(0,p),i.maxLeft=Math.max(0,f),i.maxTop=Math.max(0,p),c&&this.limited&&(i.minLeft=Math.min(a.left,a.left+(a.width-i.width)),i.minTop=Math.min(a.top,a.top+(a.height-i.height)),i.maxLeft=a.left,i.maxTop=a.top,o===2&&(i.width>=r.width&&(i.minLeft=Math.min(0,f),i.maxLeft=Math.max(0,f)),i.height>=r.height&&(i.minTop=Math.min(0,p),i.maxTop=Math.max(0,p))))}else i.minLeft=-i.width,i.minTop=-i.height,i.maxLeft=r.width,i.maxTop=r.height}},renderCanvas:function(e,t){var n=this.canvasData,r=this.imageData;if(t){var i=st({width:r.naturalWidth*Math.abs(r.scaleX||1),height:r.naturalHeight*Math.abs(r.scaleY||1),degree:r.rotate||0}),a=i.width,o=i.height,s=n.width*(a/n.naturalWidth),c=n.height*(o/n.naturalHeight);n.left-=(s-n.width)/2,n.top-=(c-n.height)/2,n.width=s,n.height=c,n.aspectRatio=a/o,n.naturalWidth=a,n.naturalHeight=o,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.widthn.maxHeight||n.heightt.width?i.height=i.width/n:i.width=i.height*n),this.cropBoxData=i,this.limitCropBox(!0,!0),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),i.width=Math.max(i.minWidth,i.width*r),i.height=Math.max(i.minHeight,i.height*r),i.left=t.left+(t.width-i.width)/2,i.top=t.top+(t.height-i.height)/2,i.oldLeft=i.left,i.oldTop=i.top,this.initialCropBoxData=W({},i)},limitCropBox:function(e,t){var n=this.options,r=this.containerData,i=this.canvasData,a=this.cropBoxData,o=this.limited,s=n.aspectRatio;if(e){var c=Number(n.minCropBoxWidth)||0,l=Number(n.minCropBoxHeight)||0,u=o?Math.min(r.width,i.width,i.width+i.left,r.width-i.left):r.width,d=o?Math.min(r.height,i.height,i.height+i.top,r.height-i.top):r.height;c=Math.min(c,r.width),l=Math.min(l,r.height),s&&(c&&l?l*s>c?l=c/s:c=l*s:c?l=c/s:l&&(c=l*s),d*s>u?d=u/s:u=d*s),a.minWidth=Math.min(c,u),a.minHeight=Math.min(l,d),a.maxWidth=u,a.maxHeight=d}t&&(o?(a.minLeft=Math.max(0,i.left),a.minTop=Math.max(0,i.top),a.maxLeft=Math.min(r.width,i.left+i.width)-a.width,a.maxTop=Math.min(r.height,i.top+i.height)-a.height):(a.minLeft=0,a.minTop=0,a.maxLeft=r.width-a.width,a.maxTop=r.height-a.height))},renderCropBox:function(){var e=this.options,t=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.widthn.maxHeight||n.height=t.width&&n.height>=t.height?E:w),K(this.cropBox,W({width:n.width,height:n.height,borderRadius:e.borderRadius},rt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Q(this.element,ue,this.getData())}},_t={initPreview:function(){var e=this.element,t=this.crossOrigin,n=this.options.preview,r=t?this.crossOriginUrl:this.url,i=e.alt||`The image to preview`,a=document.createElement(`img`);if(t&&(a.crossOrigin=t),a.src=r,a.alt=i,this.viewBox.appendChild(a),this.viewBoxImage=a,n){var o=n;typeof n==`string`?o=e.ownerDocument.querySelectorAll(n):n.querySelector&&(o=[n]),this.previews=o,U(o,function(e){var n=document.createElement(`img`);Ye(e,ae,{width:e.offsetWidth,height:e.offsetHeight,html:e.innerHTML}),t&&(n.crossOrigin=t),n.src=r,n.alt=i,n.style.cssText=`display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;`,e.innerHTML=``,e.appendChild(n)})}},resetPreview:function(){U(this.previews,function(e){var t=Je(e,ae);K(e,{width:t.width,height:t.height}),e.innerHTML=t.html,Xe(e,ae)})},preview:function(){var e=this.imageData,t=this.canvasData,n=this.cropBoxData,r=n.width,i=n.height,a=e.width,o=e.height,s=n.left-t.left-e.left,c=n.top-t.top-e.top;this.cropped&&!this.disabled&&(K(this.viewBoxImage,W({width:a,height:o},rt(W({translateX:-s,translateY:-c},e)))),U(this.previews,function(t){var n=Je(t,ae),l=n.width,u=n.height,d=l,f=u,p=1;r&&(p=l/r,f=i*p),i&&f>u&&(p=u/i,d=r*p,f=u),K(t,{width:d,height:f}),K(t.getElementsByTagName(`img`)[0],W({width:a*p,height:o*p},rt(W({translateX:-s*p,translateY:-c*p},e))))}))}},vt={bind:function(){var e=this.element,t=this.options,n=this.cropper;H(t.cropstart)&&Z(e,pe,t.cropstart),H(t.cropmove)&&Z(e,fe,t.cropmove),H(t.cropend)&&Z(e,de,t.cropend),H(t.crop)&&Z(e,ue,t.crop),H(t.zoom)&&Z(e,Te,t.zoom),Z(n,ye,this.onCropStart=this.cropStart.bind(this)),t.zoomable&&t.zoomOnWheel&&Z(n,we,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),t.toggleDragModeOnDblclick&&Z(n,me,this.onDblclick=this.dblclick.bind(this)),Z(e.ownerDocument,be,this.onCropMove=this.cropMove.bind(this)),Z(e.ownerDocument,xe,this.onCropEnd=this.cropEnd.bind(this)),Z(e.ownerDocument.defaultView,le,this.onCropBlur=this.cropEnd.bind(this)),t.responsive&&Z(window,Ce,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,t=this.options,n=this.cropper;H(t.cropstart)&&X(e,pe,t.cropstart),H(t.cropmove)&&X(e,fe,t.cropmove),H(t.cropend)&&X(e,de,t.cropend),H(t.crop)&&X(e,ue,t.crop),H(t.zoom)&&X(e,Te,t.zoom),X(n,ye,this.onCropStart),t.zoomable&&t.zoomOnWheel&&X(n,we,this.onWheel,{passive:!1,capture:!0}),t.toggleDragModeOnDblclick&&X(n,me,this.onDblclick),X(e.ownerDocument,be,this.onCropMove),X(e.ownerDocument,xe,this.onCropEnd),X(e.ownerDocument.defaultView,le,this.onCropBlur),t.responsive&&X(window,Ce,this.onResize)}},yt=.5522848;function bt(e){return e.length===1?[e[0],e[0],e[0],e[0]]:e.length===2?[e[0],e[1],e[0],e[1]]:e.length===3?[e[0],e[1],e[2],e[1]]:e.slice(0,4)}function xt(e,t,n){return e.trim().split(/\s+/).map(function(e){var r=Number.parseFloat(e);return e.endsWith(`%`)?r*t/100:(r||0)*n})}function St(e,t,n,r){var i=String(e||0).trim().split(`/`),a=bt(xt(i[0],t,r)),o=bt(xt(i[1]||i[0],n,r)),s=[{x:a[0],y:o[0]},{x:a[1],y:o[1]},{x:a[2],y:o[2]},{x:a[3],y:o[3]}],c=Math.min(1,t/(s[0].x+s[1].x||1),t/(s[3].x+s[2].x||1),n/(s[0].y+s[3].y||1),n/(s[1].y+s[2].y||1));return s.map(function(e){var t=e.x,n=e.y;return{x:t*c,y:n*c}})}function Ct(e,t,n,r,i){var a=p(St(r,t,n,i),4),o=a[0],s=a[1],c=a[2],l=a[3],u=yt;e.beginPath(),e.moveTo(o.x,0),e.lineTo(t-s.x,0),e.bezierCurveTo(t-s.x+s.x*u,0,t,s.y-s.y*u,t,s.y),e.lineTo(t,n-c.y),e.bezierCurveTo(t,n-c.y+c.y*u,t-c.x+c.x*u,n,t-c.x,n),e.lineTo(l.x,n),e.bezierCurveTo(l.x-l.x*u,n,0,n-l.y+l.y*u,0,n-l.y),e.lineTo(0,o.y),e.bezierCurveTo(0,o.y-o.y*u,o.x-o.x*u,0,o.x,0),e.closePath(),e.fill()}function wt(e,t,n){var r=this.options,i=this.canvasData,a=this.containerData,o=i.width,s=i.height,c=i.naturalWidth,l=i.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&r.zoomable){var u=c*e,d=l*e;if(Q(this.element,Te,{ratio:e,oldRatio:o/c,originalEvent:n})===!1)return this;if(V(t)&&z(t.x)&&z(t.y))i.left-=(u-o)*((t.x-i.left)/o),i.top-=(d-s)*((t.y-i.top)/s);else if(r.zoomAroundCenter){var f=a.width/2,p=a.height/2;i.left-=(u-o)*((f-i.left)/o),i.top-=(d-s)*((p-i.top)/s)}else if(n){var m=this.pointers,h=Qe(this.cropper),g=m&&Object.keys(m).length?ot(m):{pageX:n.pageX,pageY:n.pageY};i.left-=(u-o)*((g.pageX-h.left-i.left)/o),i.top-=(d-s)*((g.pageY-h.top-i.top)/s)}else i.left-=(u-o)/2,i.top-=(d-s)/2;i.width=u,i.height=d,this.renderCanvas(!0)}return this}function Tt(e,t){var n=this.canvasData;return e=Number(e),e=e<0?1/(1-e):1+e,wt.call(this,n.width*e/n.naturalWidth,null,t)}function Et(e,t){return Tt.call(this,e,t)}var Dt={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&q(this.dragBox,ne),J(this.cropBox,R),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=W({},this.initialImageData),this.canvasData=W({},this.initialCanvasData),this.cropBoxData=W({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(W(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),J(this.dragBox,ne),q(this.cropBox,R)),this},replace:function(e){var t=arguments.length>1&&arguments[1]!==void 0&&arguments[1];return!this.disabled&&e&&(this.isImg&&(this.element.src=e),t?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,U(this.previews,function(t){t.getElementsByTagName(`img`)[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,J(this.cropper,L)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,q(this.cropper,L)),this},destroy:function(){var e=this.element;return e[C]&&(e[C]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate()),this},move:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,r=n.left,i=n.top;return this.moveTo(ze(e)?e:r+Number(e),ze(t)?t:i+Number(t))},moveTo:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,r=!1;return e=Number(e),t=Number(t),this.ready&&!this.disabled&&this.options.movable&&(z(e)&&(n.left=e,r=!0),z(t)&&(n.top=t,r=!0),r&&this.renderCanvas(!0)),this},zoom:function(e){return Tt.call(this,e)},zoomTo:function(e,t){return wt.call(this,e,t)},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),z(e)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var t=this.imageData.scaleY;return this.scale(e,z(t)?t:1)},scaleY:function(e){var t=this.imageData.scaleX;return this.scale(z(t)?t:1,e)},scale:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.imageData,r=!1;return e=Number(e),t=Number(t),this.ready&&!this.disabled&&this.options.scalable&&(z(e)&&(n.scaleX=e,r=!0),z(t)&&(n.scaleY=t,r=!0),r&&this.renderCanvas(!0,!0)),this},getData:function(){var e=arguments.length>0&&arguments[0]!==void 0&&arguments[0],t=this.options,n=this.imageData,r=this.canvasData,i=this.cropBoxData,a;if(this.ready&&this.cropped){a={x:i.left-r.left,y:i.top-r.top,width:i.width,height:i.height};var o=n.width/n.naturalWidth;if(U(a,function(e,t){a[t]=G(e/o)}),e){var s=Math.round(a.y+a.height),c=Math.round(a.x+a.width);a.x=Math.round(a.x),a.y=Math.round(a.y),a.width=c-a.x,a.height=s-a.y}}else a={x:0,y:0,width:0,height:0};return t.rotatable&&(a.rotate=n.rotate||0),t.scalable&&(a.scaleX=n.scaleX||1,a.scaleY=n.scaleY||1),a},setData:function(e){var t=this.options,n=this.imageData,r=this.canvasData,i={};if(this.ready&&!this.disabled&&V(e)){var a=!1;t.rotatable&&z(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,a=!0),t.scalable&&(z(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,a=!0),z(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,a=!0)),a&&this.renderCanvas(!0,!0);var o=n.width/n.naturalWidth;z(e.x)&&(i.left=e.x*o+r.left),z(e.y)&&(i.top=e.y*o+r.top),z(e.width)&&(i.width=e.width*o),z(e.height)&&(i.height=e.height*o),this.setCropBoxData(i)}return this},getContainerData:function(){return this.ready?W({},this.containerData):{}},getImageData:function(){return this.sized?W({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,t={};return this.ready&&U([`left`,`top`,`width`,`height`,`naturalWidth`,`naturalHeight`],function(n){t[n]=e[n]}),t},setCanvasData:function(e){var t=this.canvasData,n=t.aspectRatio;return this.ready&&!this.disabled&&V(e)&&(z(e.left)&&(t.left=e.left),z(e.top)&&(t.top=e.top),z(e.width)?(t.width=e.width,t.height=e.width/n):z(e.height)&&(t.height=e.height,t.width=e.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,t;return this.ready&&this.cropped&&(t={left:e.left,top:e.top,width:e.width,height:e.height}),t||{}},setCropBoxData:function(e){var t=this.cropBoxData,n=this.options.aspectRatio,r,i;return this.ready&&this.cropped&&!this.disabled&&V(e)&&(z(e.left)&&(t.left=e.left),z(e.top)&&(t.top=e.top),z(e.width)&&e.width!==t.width&&(r=!0,t.width=e.width),z(e.height)&&e.height!==t.height&&(i=!0,t.height=e.height),n&&(r?t.height=t.width/n:i&&(t.width=t.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var t=this.canvasData,n=ct(this.image,this.imageData,t,e);if(!this.cropped)return n;var r=this.getData(e.rounded),i=r.x,a=r.y,o=r.width,s=r.height,c=n.width/Math.floor(t.naturalWidth);c!==1&&(i*=c,a*=c,o*=c,s*=c);var l=o/s,u=$({aspectRatio:l,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),d=$({aspectRatio:l,width:e.minWidth||0,height:e.minHeight||0},`cover`),f=$({aspectRatio:l,width:e.width||(c===1?o:n.width),height:e.height||(c===1?s:n.height)}),p=f.width,h=f.height;p=Math.min(u.width,Math.max(d.width,p)),h=Math.min(u.height,Math.max(d.height,h));var g=document.createElement(`canvas`),_=g.getContext(`2d`);g.width=G(p),g.height=G(h),_.fillStyle=e.fillColor||`transparent`,_.fillRect(0,0,p,h);var v=e.imageSmoothingEnabled,y=v===void 0||v,b=e.imageSmoothingQuality;_.imageSmoothingEnabled=y,b&&(_.imageSmoothingQuality=b),H(e.beforeDraw)&&e.beforeDraw.call(this,_,g);var x=n.width,S=n.height,C=i,w=a,T,E,D,O,k,A;C<=-o||C>x?(C=0,T=0,D=0,k=0):C<=0?(D=-C,C=0,T=Math.min(x,o+C),k=T):C<=x&&(D=0,T=Math.min(o,x-C),k=T),T<=0||w<=-s||w>S?(w=0,E=0,O=0,A=0):w<=0?(O=-w,w=0,E=Math.min(S,s+w),A=E):w<=S&&(O=0,E=Math.min(s,S-w),A=E);var j=[C,w,T,E];if(k>0&&A>0){var M=p/o;j.push(D*M,O*M,k*M,A*M)}return _.drawImage.apply(_,[n].concat(m(j.map(function(e){return Math.floor(G(e))})))),this.options.borderRadius&&(_.globalCompositeOperation=`destination-in`,_.fillStyle=`#000`,Ct(_,p,h,this.options.borderRadius,p/this.cropBoxData.width)),g},setAspectRatio:function(e){var t=this.options;return!this.disabled&&!ze(e)&&(t.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var t=this.options,n=this.dragBox,r=this.face;if(this.ready&&!this.disabled){var i=e===oe,a=t.movable&&e===se;e=i||a?e:ce,t.dragMode=e,Ye(n,ie,e),Y(n,I,i),Y(n,re,a),t.cropBoxMovable||(Ye(r,ie,e),Y(r,I,i),Y(r,re,a))}return this}},Ot={resize:function(){if(!this.disabled){var e=this.options,t=this.container,n=this.containerData,r=t.offsetWidth/n.width,i=t.offsetHeight/n.height,a=Math.abs(r-1)>Math.abs(i-1)?r:i;if(a!==1){var o,s;e.restore&&(o=this.getCanvasData(),s=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(U(o,function(e,t){o[t]=e*a})),this.setCropBoxData(U(s,function(e,t){s[t]=e*a})))}}},dblclick:function(){this.disabled||this.options.dragMode===ce||this.setDragMode(Ge(this.dragBox,I)?se:oe)},wheel:function(e){var t=this,n=Number(this.options.wheelZoomRatio)||.1,r=1;this.disabled||(e.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){t.wheeling=!1},50),e.deltaY?r=e.deltaY>0?1:-1:e.wheelDelta?r=-e.wheelDelta/120:e.detail&&(r=e.detail>0?1:-1),Et.call(this,-r*n,e)))},cropStart:function(e){var t=e.buttons,n=e.button;if(!(this.disabled||(e.type===`mousedown`||e.type===`pointerdown`&&e.pointerType===`mouse`)&&(z(t)&&t!==1||z(n)&&n!==0||e.ctrlKey))){var r=this.options,i=this.pointers,a;e.changedTouches?U(e.changedTouches,function(e){i[e.identifier]=at(e)}):i[e.pointerId||0]=at(e),a=Object.keys(i).length>1&&r.zoomable&&r.zoomOnTouch?D:Je(e.target,ie),De.test(a)&&Q(this.element,pe,{originalEvent:e,action:a})!==!1&&(e.preventDefault(),this.action=a,this.cropping=!1,this.cropBoxDragStartData=null,this.cropBoxDragStartAction=r.cropBoxMoveMode===`dragStart`&&a!==T&&a!==E&&a!==D?a:``,a===T&&(this.cropping=!0,q(this.dragBox,ne)))}},cropMove:function(e){var t=this.action;if(!this.disabled&&t){var n=this.pointers;e.preventDefault(),Q(this.element,fe,{originalEvent:e,action:t})!==!1&&(e.changedTouches?U(e.changedTouches,function(e){W(n[e.identifier]||{},at(e,!0))}):W(n[e.pointerId||0]||{},at(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var t=this.action,n=this.pointers;e.type===le?Object.keys(n).forEach(function(e){delete n[e]}):e.changedTouches?U(e.changedTouches,function(e){delete n[e.identifier]}):delete n[e.pointerId||0],t&&(e.preventDefault(),Object.keys(n).length||(this.action=``,this.cropBoxDragStartData=null,this.cropBoxDragStartAction=``),this.cropping&&(this.cropping=!1,Y(this.dragBox,ne,this.cropped&&this.options.modal)),Q(this.element,de,{originalEvent:e,action:t}))}}};function kt(e,t,n,r,i){var a=r.left+r.width/2,o=r.top+r.height/2,s=e===O||e===M||e===P,c=e===A||e===P||e===F,l=e===O||e===k,u=e===j||e===A,d=r.width,f=r.height;n?l||!u&&c?(d+=(s?2:-2)*t.x,f=d/n):(f+=(c?2:-2)*t.y,d=f*n):(d+=(s?2:-2)*t.x,f+=(c?2:-2)*t.y),d<0&&(d=-d,(!n||l||!u&&c)&&(s=!s)),f<0&&(f=-f,(!n||u||!u&&!c)&&(c=!c));var p=Math.max(0,2*Math.min(a-i.minLeft,i.maxWidth-a)),m=Math.max(0,2*Math.min(o-i.minTop,i.maxHeight-o)),h=Math.min(r.minWidth,p),g=Math.min(r.minHeight,m);if(n){var _=Math.max(d?h/d:0,f?g/f:0,1),v=Math.min(d?p/d:0,f?m/f:0),y=Math.min(_,v);d*=y,f*=y}else d=Math.min(Math.max(d,h),p),f=Math.min(Math.max(f,g),m);return e=s?c?P:M:c?F:N,l?e=s?O:k:u&&(e=c?A:j),{action:e,left:a-d/2,top:o-f/2,width:d,height:f}}var At={change:function(e){var t=this.options,n=this.canvasData,r=this.containerData,i=this.cropBoxData,a=this.pointers,o=this.action,s=t.aspectRatio,c=i.left,l=i.top,u=i.width,d=i.height,p=c+u,m=l+d,h=0,g=0,_=r.width,v=r.height,y=!0,b;!s&&e.shiftKey&&(s=u&&d?u/d:1),this.limited&&(h=i.minLeft,g=i.minTop,_=h+Math.min(r.width,n.width,n.left+n.width),v=g+Math.min(r.height,n.height,n.top+n.height));var x=a[Object.keys(a)[0]],S=t.cropBoxMoveMode===`dragStart`&&this.cropBoxDragStartAction&&[w,O,j,A,k,M,N,P,F].includes(o);S&&(this.cropBoxDragStartData||(this.cropBoxDragStartData=f({},i)),Object.assign(i,this.cropBoxDragStartData),c=i.left,l=i.top,u=i.width,d=i.height,p=c+u,m=l+d,o=this.cropBoxDragStartAction);var C={x:x.endX-x.startX,y:x.endY-x.startY};if(t.cropBoxResizeAroundCenter&&[O,j,A,k,M,N,P,F].includes(o)){var I=kt(o,C,s,i,{minLeft:h,minTop:g,maxWidth:_,maxHeight:v});i.left=I.left,i.top=I.top,i.width=I.width,i.height=I.height,this.action=I.action,this.renderCropBox(),S||U(a,function(e){e.startX=e.endX,e.startY=e.endY})}else{var L=function(e){switch(e){case O:p+C.x>_&&(C.x=_-p);break;case k:c+C.xv&&(C.y=v-m)}};switch(o){case w:c+=C.x,l+=C.y;break;case O:if(C.x>=0&&(p>=_||s&&(l<=g||m>=v))){y=!1;break}L(O),u+=C.x,u<0&&(o=k,u=-u,c-=u,u=_))){y=!1;break}L(j),d-=C.y,l+=C.y,d<0&&(o=A,d=-d,l-=d,d=v))){y=!1;break}L(k),u-=C.x,c+=C.x,u<0&&(o=O,u=-u,c-=u,u=0&&(m>=v||s&&(c<=h||p>=_))){y=!1;break}L(A),d+=C.y,d<0&&(o=j,d=-d,l-=d,d=_)){y=!1;break}L(j),d-=C.y,l+=C.y,u=d*s}else L(j),L(O),C.x>=0?p<_?u+=C.x:C.y<=0&&l<=g&&(y=!1):u+=C.x,C.y<=0?l>g&&(d-=C.y,l+=C.y):(d-=C.y,l+=C.y);u<0&&d<0?(o=F,d=-d,u=-u,l-=d,c-=u):u<0?(o=N,u=-u,c-=u):d<0&&(o=P,d=-d,l-=d);break;case N:if(s){if(C.y<=0&&(l<=g||c<=h)){y=!1;break}L(j),d-=C.y,l+=C.y,u=d*s,c+=i.width-u}else L(j),L(k),C.x<=0?c>h?(u-=C.x,c+=C.x):C.y<=0&&l<=g&&(y=!1):(u-=C.x,c+=C.x),C.y<=0?l>g&&(d-=C.y,l+=C.y):(d-=C.y,l+=C.y);u<0&&d<0?(o=P,d=-d,u=-u,l-=d,c-=u):u<0?(o=M,u=-u,c-=u):d<0&&(o=F,d=-d,l-=d);break;case F:if(s){if(C.x<=0&&(c<=h||m>=v)){y=!1;break}L(k),u-=C.x,c+=C.x,d=u/s}else L(A),L(k),C.x<=0?c>h?(u-=C.x,c+=C.x):C.y>=0&&m>=v&&(y=!1):(u-=C.x,c+=C.x),C.y>=0?m=0&&(p>=_||m>=v)){y=!1;break}L(O),u+=C.x,d=u/s}else L(A),L(O),C.x>=0?p<_?u+=C.x:C.y>=0&&m>=v&&(y=!1):u+=C.x,C.y>=0?m0?o=C.y>0?P:M:C.x<0&&(c-=u,o=C.y>0?F:N),C.y<0&&(l-=d),this.cropped||(J(this.cropBox,R),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}y&&(i.width=u,i.height=d,i.left=c,i.top=l,this.action=o,this.renderCropBox()),U(a,function(e){o!==T&&!S&&(e.startX=e.endX,e.startY=e.endY)})}}},jt=b.Cropper,Mt=function(){function e(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(r(this,e),!t||!je.test(t.tagName))throw Error(`The first argument is required and must be an or element.`);this.element=t,this.options=W({},Pe,V(n)&&n),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return a(e,[{key:`init`,value:function(){var e=this.element,t=e.tagName.toLowerCase(),n;if(!e[C]){if(e[C]=this,t===`img`){if(this.isImg=!0,n=e.getAttribute(`src`)||``,this.originalUrl=n,!n)return;n=e.src}else t===`canvas`&&window.HTMLCanvasElement&&(n=e.toDataURL());this.load(n)}}},{key:`load`,value:function(e){var t=this;if(e){this.url=e,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer)this.clone();else if(Oe.test(e))ke.test(e)?this.read(ft(e)):this.clone();else{var i=new XMLHttpRequest,a=this.clone.bind(this);this.reloading=!0,this.xhr=i,i.onabort=a,i.onerror=a,i.ontimeout=a,i.onprogress=function(){i.getResponseHeader(`content-type`)!==Ee&&i.abort()},i.onload=function(){t.read(i.response)},i.onloadend=function(){t.reloading=!1,t.xhr=null},r.checkCrossOrigin&&tt(e)&&n.crossOrigin&&(e=nt(e)),i.open(`GET`,e,!0),i.responseType=`arraybuffer`,i.withCredentials=n.crossOrigin===`use-credentials`,i.send()}}}},{key:`read`,value:function(e){var t=this.options,n=this.imageData,r=mt(e),i=0,a=1,o=1;if(r>1){this.url=pt(e,Ee);var s=ht(r);i=s.rotate,a=s.scaleX,o=s.scaleY}t.rotatable&&(n.rotate=i),t.scalable&&(n.scaleX=a,n.scaleY=o),this.clone()}},{key:`clone`,value:function(){var e=this,t=this.element,n=this.options,r=this.url,i=t.crossOrigin,a=r;this.options.checkCrossOrigin&&tt(r)&&(i||(i=`anonymous`),a=nt(r)),this.crossOrigin=i,this.crossOriginUrl=a;var o=document.createElement(`img`);i&&(o.crossOrigin=i),o.src=a||r,o.alt=t.alt||`The image to crop`,this.image=o,o.onload=this.start.bind(this),H(n.error)&&Z(t,he,n.error,{once:!0}),o.onerror=function(n){Q(t,he,n),e.stop()},q(o,ee),t.parentNode.insertBefore(o,t.nextSibling)}},{key:`start`,value:function(){var e=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;var n=b.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(b.navigator.userAgent),r=function(t,n){W(e.imageData,{naturalWidth:t,naturalHeight:n,aspectRatio:t/n}),e.initialImageData=W({},e.imageData),e.sizing=!1,e.sized=!0,e.build()},i=document.createElement(`img`),a=document.body||document.documentElement;this.sizingImage=i,i.onload=function(){r(i.width,i.height),n||a.removeChild(i)},i.src=t.src,n||(i.style.cssText=`left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;image-orientation:0deg;position:absolute;top:0;z-index:-1;`,a.appendChild(i))}},{key:`stop`,value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:`build`,value:function(){if(this.sized&&!this.ready){var e=this.element,t=this.options,n=this.image,r=e.parentNode,i=document.createElement(`div`);i.innerHTML=Fe;var a=i.querySelector(`.${C}-container`),o=a.querySelector(`.${C}-canvas`),s=a.querySelector(`.${C}-drag-box`),c=a.querySelector(`.${C}-crop-box`),l=c.querySelector(`.${C}-face`);this.container=r,this.cropper=a,this.canvas=o,this.dragBox=s,this.cropBox=c,this.viewBox=a.querySelector(`.${C}-view-box`),this.face=l,o.appendChild(n),q(e,R),r.insertBefore(a,e.nextSibling),J(n,ee),this.initPreview(),this.bind(),t.initialAspectRatio=Math.max(0,t.initialAspectRatio)||NaN,t.aspectRatio=Math.max(0,t.aspectRatio)||NaN,t.viewMode=Math.max(0,Math.min(3,Math.round(t.viewMode)))||0,q(c,R),t.guides||q(c.getElementsByClassName(`${C}-dashed`),R),t.center||q(c.getElementsByClassName(`${C}-center`),R),t.background&&q(a,`${C}-bg`),t.highlight||q(l,te),t.cropBoxMovable&&(q(l,re),Ye(l,ie,w)),t.cropBoxResizable||(q(c.getElementsByClassName(`${C}-line`),R),q(c.getElementsByClassName(`${C}-point`),R)),this.render(),this.ready=!0,this.setDragMode(t.dragMode),t.autoCrop&&this.crop(),this.setData(t.data),H(t.ready)&&Z(e,Se,t.ready,{once:!0}),Q(e,Se)}}},{key:`unbuild`,value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var e=this.cropper.parentNode;e&&e.removeChild(this.cropper),J(this.element,R)}}},{key:`uncreate`,value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:`create`,value:function(t,n){return new e(t,n)}},{key:`setDefaults`,value:function(e){W(Pe,V(e)&&e)}},{key:`noConflict`,value:function(){return window.Cropper=jt,e}}])}();return W(Mt.prototype,gt,_t,vt,Ot,At,Dt),Mt}))}))(),1),l=class{constructor(e,t,o){i(this,`element`,void 0),i(this,`config`,void 0),i(this,`t`,void 0),i(this,`client`,void 0),i(this,`crops`,void 0),i(this,`preset`,void 0),i(this,`cropper`,null),i(this,`image`,void 0),i(this,`status`,void 0),i(this,`save`,void 0),i(this,`presetButtons`,void 0),this.element=e,this.config=t,this.t=a(t.strings),this.client=o??n(t.url),this.crops={...t.media.crops??{}},this.preset=t.presets[0],this.image=r(`img`,{src:t.media.url,alt:t.media.name,crossorigin:`anonymous`}),this.status=r(`p`,{class:`mp-status`,role:`status`,"aria-live":`polite`}),this.save=r(`button`,{type:`button`,class:`mp-button mp-button--primary`,onClick:()=>void this.store()},this.t(`save_crop`)),this.presetButtons=t.presets.map(e=>r(`button`,{type:`button`,class:`mp-button`,"aria-pressed":e.name===this.preset.name?`true`:`false`,"data-preset":e.name,onClick:()=>this.choose(e)},e.label)),e.classList.add(`mp-cropper`),e.replaceChildren(r(`div`,{class:`mp-cropper__presets`,role:`group`,"aria-label":this.t(`aspect_ratio`)},...this.presetButtons),r(`div`,{class:`mp-cropper__stage`},this.image),r(`div`,{class:`mp-cropper__controls`},this.save,r(`button`,{type:`button`,class:`mp-button`,onClick:()=>this.reset()},this.t(`reset`)),this.status)),this.cropper=new c.default(this.image,{viewMode:1,autoCropArea:1,zoomable:!1,rotatable:!1,scalable:!1,aspectRatio:this.preset.aspect??NaN,ready:()=>this.applySavedCrop()}),this.describe()}choose(e){this.preset=e,this.presetButtons.forEach(t=>t.setAttribute(`aria-pressed`,t.dataset.preset===e.name?`true`:`false`)),this.cropper?.setAspectRatio(e.aspect??NaN),this.applySavedCrop(),this.describe()}currentCrop(){let e=this.cropper?.getData(!0);return{x:Math.max(0,e?.x??0),y:Math.max(0,e?.y??0),width:e?.width??this.config.media.width??1,height:e?.height??this.config.media.height??1,rotation:0}}async store(){this.save.disabled=!0,this.status.textContent=this.t(`saving`);try{let e=await this.client.crop(this.config.media.id,this.preset.name,this.currentCrop());return this.crops={...e.crops},this.status.textContent=this.t(`saved`),this.element.dispatchEvent(new CustomEvent(`mediapicker:cropped`,{bubbles:!0,detail:{media:e,preset:this.preset.name}})),e}catch{return this.status.textContent=this.t(`error`),null}finally{this.save.disabled=!1}}reset(){this.cropper?.reset()}destroy(){this.cropper?.destroy(),this.cropper=null}applySavedCrop(){let e=this.crops[this.preset.name];e&&this.cropper?.setData({x:e.x,y:e.y,width:e.width,height:e.height})}describe(){this.status.textContent=this.crops[this.preset.name]?this.t(`cropped`):this.t(`not_cropped`)}},u=new WeakMap;function d(e=document){let t=[];return e.querySelectorAll(`[data-mediapicker-cropper]`).forEach(e=>{if(u.has(e))return;let n=new l(e,JSON.parse(e.dataset.mediapickerCropper||`{}`));u.set(e,n),t.push(n)}),t}s(()=>{d(),o(()=>d())}); \ No newline at end of file diff --git a/dist/assets/cropper-DMIal2X7.css b/dist/assets/cropper-DMIal2X7.css new file mode 100644 index 0000000..54c14ec --- /dev/null +++ b/dist/assets/cropper-DMIal2X7.css @@ -0,0 +1,10 @@ +/*! + * Cropper.js v1.7.0 + * https://fengyuanchen.github.io/cropperjs + * + * Copyright 2015-present Chen Fengyuan + * Released under the MIT license + * + * Date: 2026-10-07T07:21:55.483Z + */ +.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;top:0;bottom:0;left:0;right:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{border-radius:inherit;outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{border-radius:inherit;background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed} diff --git a/dist/assets/dialog-BNieuy7N.js b/dist/assets/dialog-BNieuy7N.js new file mode 100644 index 0000000..5e853f7 --- /dev/null +++ b/dist/assets/dialog-BNieuy7N.js @@ -0,0 +1 @@ +import{a as e,c as t,i as n,l as r,n as i,r as a,s as o,t as s}from"./strings-BSe7uzRa.js";function c(e){return new Promise(t=>{new u(e,t).open()})}function l(e,t,n){return t.length===1&&t[0]===`image`?e(n?`choose_images`:`choose_image`):t.length===1&&t[0]===`video`&&!n?e(`choose_video`):t.length===1&&t[0]===`document`&&!n?e(`choose_file`):e(`choose_media`)}var u=class{constructor(i,o){r(this,`options`,void 0),r(this,`resolve`,void 0),r(this,`client`,void 0),r(this,`t`,void 0),r(this,`multiple`,void 0),r(this,`types`,void 0),r(this,`items`,[]),r(this,`selected`,new Map),r(this,`page`,1),r(this,`lastPage`,1),r(this,`search`,``),r(this,`typeFilter`,``),r(this,`loading`,!1),r(this,`request`,null),r(this,`resolved`,!1),r(this,`dialog`,void 0),r(this,`list`,void 0),r(this,`status`,void 0),r(this,`error`,void 0),r(this,`more`,void 0),r(this,`choose`,void 0),r(this,`uploads`,void 0),this.options=i,this.resolve=o,this.client=i.client??t(i.url),this.t=s(i.strings),this.multiple=i.multiple??!1,this.types=i.type?Array.isArray(i.type)?i.type:[i.type]:[];for(let e of i.selected??[])this.selected.set(e.id,e);let c=i.title??l(this.t,this.types,this.multiple),u=`mp-title-${Math.random().toString(36).slice(2)}`;this.list=n(`div`,{class:`mp-grid`,role:`group`,"aria-label":this.t(`media_library`)}),this.status=n(`p`,{class:`mp-status`,role:`status`,"aria-live":`polite`}),this.error=n(`div`,{class:`mp-error`,role:`alert`,hidden:!0}),this.more=n(`button`,{type:`button`,class:`mp-button mp-more`,hidden:!0,onClick:()=>this.load(this.page+1)},this.t(`load_more`)),this.choose=n(`button`,{type:`button`,class:`mp-button mp-button--primary`,disabled:!0,onClick:()=>this.finish()},this.t(`choose`)),this.uploads=n(`ul`,{class:`mp-uploads`,"aria-label":this.t(`uploading`)}),this.dialog=n(`dialog`,{class:`mp-dialog`,"aria-labelledby":u,dir:a()},n(`div`,{class:`mp-header`},n(`h2`,{id:u,class:`mp-title`},c),n(`button`,{type:`button`,class:`mp-icon-button`,"aria-label":this.t(`close`),onClick:()=>this.cancel()},e(`x`))),this.toolbar(),this.uploads,this.error,n(`div`,{class:`mp-body`},this.list,this.more),n(`div`,{class:`mp-footer`},this.status,n(`div`,{class:`mp-actions`},n(`button`,{type:`button`,class:`mp-button`,onClick:()=>this.cancel()},this.t(`cancel`)),this.choose))),this.dialog.addEventListener(`cancel`,e=>{e.preventDefault(),this.cancel()})}open(){document.body.append(this.dialog),this.dialog.showModal(),this.updateSelection(),this.load(1),this.dialog.querySelector(`.mp-search input`)?.focus()}toolbar(){let t=n(`input`,{type:`search`,class:`mp-input`,placeholder:this.t(`search_media`),"aria-label":this.t(`search_media`),dir:`auto`});t.addEventListener(`input`,i(()=>{this.search=t.value.trim(),this.load(1)}));let r=[n(`label`,{class:`mp-search`},e(`search`),t)],a=(this.options.types??[]).filter(e=>!this.types.length||this.types.includes(e.value));if(a.length>1){let e=n(`select`,{class:`mp-input mp-select`,"aria-label":this.t(`type`)},n(`option`,{value:``},this.t(`all_types`)),...a.map(e=>n(`option`,{value:e.value},e.label)));e.addEventListener(`change`,()=>{this.typeFilter=e.value,this.load(1)}),r.push(e)}if(this.options.upload!==!1){let t=n(`input`,{type:`file`,class:`mp-file-input`,multiple:!0,accept:this.options.accept??null,tabindex:-1,"aria-hidden":`true`});t.addEventListener(`change`,()=>{let e=Array.from(t.files??[]);t.value=``,e.forEach(e=>void this.upload(e))}),r.push(n(`button`,{type:`button`,class:`mp-button`,onClick:()=>t.click()},e(`upload`),this.t(`upload`)),t)}return n(`div`,{class:`mp-toolbar`},...r)}async load(e){this.request?.abort(),this.request=new AbortController,this.loading=!0,this.showError(null),this.dialog.setAttribute(`aria-busy`,`true`);try{let t=this.typeFilter?[this.typeFilter]:this.types,n=await this.client.list({search:this.search,type:t,page:e,per_page:24,orderby:`created_at`,order:`desc`},this.request.signal);this.items=e===1?n.data:[...this.items,...n.data],this.page=n.meta.current_page,this.lastPage=n.meta.last_page,this.render()}catch(e){e.name!==`AbortError`&&this.showError(this.t(`error`))}finally{this.loading=!1,this.dialog.removeAttribute(`aria-busy`)}}async upload(e){let t=n(`progress`,{max:100,value:0,class:`mp-progress`}),r=n(`li`,{class:`mp-upload`},n(`span`,{dir:`auto`},e.name),t);this.uploads.append(r);try{let n=await this.client.upload(e,{type:this.types.length?this.types:null,onProgress:e=>t.value=Math.round(e*100)});r.remove(),this.items=[n,...this.items.filter(e=>e.id!==n.id)],this.select(n),this.render()}catch(t){r.remove();let n=t instanceof o?Object.values(t.errors)[0]?.[0]??t.message:this.t(`upload_failed`);this.showError(`${e.name}: ${n}`)}}render(){this.list.replaceChildren(...this.items.map(e=>this.item(e))),this.items.length||this.list.append(n(`p`,{class:`mp-empty`},this.t(this.search||this.typeFilter?`no_matching_media`:`no_media`))),this.more.hidden=this.page>=this.lastPage,this.updateSelection()}item(t){let r=this.selected.has(t.id),i=t.thumb?n(`img`,{src:t.thumb,alt:``,loading:`lazy`,class:`mp-thumb`}):n(`span`,{class:`mp-thumb mp-thumb--icon`},e(t.icon)),a=n(`button`,{type:`button`,class:`mp-item`,"aria-pressed":r?`true`:`false`,title:t.name,"data-id":t.id},i,n(`span`,{class:`mp-name`,dir:`auto`},t.name),n(`span`,{class:`mp-check`},e(`check`)));return a.addEventListener(`click`,()=>{this.toggle(t),this.render(),this.list.querySelector(`[data-id="${t.id}"]`)?.focus()}),a.addEventListener(`dblclick`,()=>{this.multiple||(this.selected=new Map([[t.id,t]]),this.finish())}),a}toggle(e){this.selected.has(e.id)?this.selected.delete(e.id):this.select(e)}select(e){this.multiple||this.selected.clear(),this.selected.set(e.id,e)}updateSelection(){let e=this.selected.size;this.choose.disabled=e===0,this.announce(e?this.t(`selected`,{count:e}):this.t(`no_selection`))}announce(e){e&&(this.status.textContent=e)}showError(e){this.error.hidden=!e,this.error.textContent=e??``}finish(){this.close(Array.from(this.selected.values()))}cancel(){this.close(null)}close(e){this.resolved||(this.resolved=!0,this.request?.abort(),this.dialog.close(),this.dialog.remove(),this.resolve(e))}};export{c as t}; \ No newline at end of file diff --git a/dist/assets/index-CTa77IUl.js b/dist/assets/index-CTa77IUl.js new file mode 100644 index 0000000..9d9a862 --- /dev/null +++ b/dist/assets/index-CTa77IUl.js @@ -0,0 +1,75 @@ +import{t as e}from"./rolldown-runtime-WkwZ5CU-.js";import{a as t,i as n,o as r,t as i}from"./strings-BSe7uzRa.js";import{t as a}from"./dialog-BNieuy7N.js";var o=Object.defineProperty,s=(e,t)=>{let n={};for(var r in e)o(n,r,{get:e[r],enumerable:!0});return t||o(n,Symbol.toStringTag,{value:`Module`}),n};function c(e){this.content=e}c.prototype={constructor:c,find:function(e){for(var t=0;t>1}},c.from=function(e){if(e instanceof c)return e;var t=[];if(e)for(var n in e)t.push(n,e[n]);return new c(t)};function l(e,t,n){for(let r=0;;r++){if(r==e.childCount||r==t.childCount)return e.childCount==t.childCount?null:n;let i=e.child(r),a=t.child(r);if(i==a)n+=i.nodeSize;else{if(!i.sameMarkup(a))return n;if(i.isText&&i.text!=a.text){let e=i.text,t=a.text,r=0;for(;e[r]==t[r];r++)n++;return r&&r0&&a>0&&e[i-1]==t[a-1];)i--,a--,n--,r--;return i&&a&&i=56320&&e<57344}function f(e){return e>=55296&&e<56320}var p=class e{constructor(e,t){if(this.content=e,this.size=t||0,t==null)for(let t=0;te&&n(s,r+o,i||null,a)!==!1&&s.content.size){let i=o+1;s.nodesBetween(Math.max(0,e-i),Math.min(s.content.size,t-i),n,r+i)}o=c}}descendants(e){this.nodesBetween(0,this.size,e)}textBetween(e,t,n,r){let i=``,a=!0;return this.nodesBetween(e,t,(o,s)=>{let c=o.isText?o.text.slice(Math.max(e,s)-s,t-s):o.isLeaf?r?typeof r==`function`?r(o):r:o.type.spec.leafText?o.type.spec.leafText(o):``:``;o.isBlock&&(o.isLeaf&&c||o.isTextblock)&&n&&(a?a=!1:i+=n),i+=c},0),i}append(t){if(!t.size)return this;if(!this.size)return t;let n=this.lastChild,r=t.firstChild,i=this.content.slice(),a=0;for(n.isText&&n.sameMarkup(r)&&(i[i.length-1]=n.withText(n.text+r.text),a=1);at)for(let e=0,a=0;at&&((an)&&(o=o.isText?o.cut(Math.max(0,t-a),Math.min(o.text.length,n-a)):o.cut(Math.max(0,t-a-1),Math.min(o.content.size,n-a-1))),r.push(o),i+=o.nodeSize),a=s}return new e(r,i)}cutByIndex(t,n){return t==n?e.empty:t==0&&n==this.content.length?this:new e(this.content.slice(t,n))}replaceChild(t,n){let r=this.content[t];if(r==n)return this;let i=this.content.slice(),a=this.size+n.nodeSize-r.nodeSize;return i[t]=n,new e(i,a)}addToStart(t){return new e([t].concat(this.content),this.size+t.nodeSize)}addToEnd(t){return new e(this.content.concat(t),this.size+t.nodeSize)}eq(e){if(this.content.length!=e.content.length)return!1;for(let t=0;tthis.size||e<0)throw RangeError(`Position ${e} outside of fragment (${this})`);for(let t=0,n=0;;t++){let r=this.child(t),i=n+r.nodeSize;if(i>=e)return i==e?h(t+1,i):h(t,n);n=i}}toString(){return`<`+this.toStringInner()+`>`}toStringInner(){return this.content.join(`, `)}toJSON(){return this.content.length?this.content.map(e=>e.toJSON()):null}static fromJSON(t,n){if(!n)return e.empty;if(!Array.isArray(n))throw RangeError(`Invalid input for Fragment.fromJSON`);return e.fromArray(n.map(t.nodeFromJSON))}static fromArray(t){if(!t.length)return e.empty;let n,r=0;for(let e=0;ethis.type.rank&&(t||(t=e.slice(0,r)),t.push(this),n=!0),t&&t.push(i)}return t||(t=e.slice()),n||t.push(this),t}removeFromSet(e){for(let t=0;te.type.rank-t.type.rank),n}};_.none=[];var v=class extends Error{},y=class e{constructor(e,t,n){this.content=e,this.openStart=t,this.openEnd=n}get size(){return this.content.size-this.openStart-this.openEnd}insertAt(t,n){let r=x(this.content,t+this.openStart,n,this.openStart+1,this.openEnd+1);return r&&new e(r,this.openStart,this.openEnd)}removeBetween(t,n){return new e(b(this.content,t+this.openStart,n+this.openStart),this.openStart,this.openEnd)}eq(e){return this.content.eq(e.content)&&this.openStart==e.openStart&&this.openEnd==e.openEnd}toString(){return this.content+`(`+this.openStart+`,`+this.openEnd+`)`}toJSON(){if(!this.content.size)return null;let e={content:this.content.toJSON()};return this.openStart>0&&(e.openStart=this.openStart),this.openEnd>0&&(e.openEnd=this.openEnd),e}static fromJSON(t,n){if(!n)return e.empty;let r=n.openStart||0,i=n.openEnd||0;if(typeof r!=`number`||typeof i!=`number`)throw RangeError(`Invalid input for Slice.fromJSON`);return new e(p.fromJSON(t,n.content),r,i)}static maxOpen(t,n=!0){let r=0,i=0;for(let e=t.firstChild;e&&!e.isLeaf&&(n||!e.type.spec.isolating);e=e.firstChild)r++;for(let e=t.lastChild;e&&!e.isLeaf&&(n||!e.type.spec.isolating);e=e.lastChild)i++;return new e(t,r,i)}};y.empty=new y(p.empty,0,0);function b(e,t,n){let{index:r,offset:i}=e.findIndex(t),a=e.maybeChild(r),{index:o,offset:s}=e.findIndex(n);if(i==t||a.isText){if(s!=n&&!e.child(o).isText)throw RangeError(`Removing non-flat range`);return e.cut(0,t).append(e.cut(n))}if(r!=o)throw RangeError(`Removing non-flat range`);return e.replaceChild(r,a.copy(b(a.content,t-i-1,n-i-1)))}function x(e,t,n,r,i,a){let{index:o,offset:s}=e.findIndex(t),c=e.maybeChild(o);if(s==t||c.isText)return a&&r<=0&&i<=0&&!a.canReplace(o,o,n)?null:e.cut(0,t).append(n).append(e.cut(t));let l=x(c.content,t-s-1,n,o==0?r-1:0,o==e.childCount-1?i-1:0,c);return l&&e.replaceChild(o,c.copy(l))}function S(e,t,n){if(n.openStart>e.depth)throw new v(`Inserted content deeper than insertion position`);if(e.depth-n.openStart!=t.depth-n.openEnd)throw new v(`Inconsistent open depths`);return ee(e,t,n,0)}function ee(e,t,n,r){let i=e.index(r),a=e.node(r);if(i==t.index(r)&&r=0&&e.isText&&e.sameMarkup(t[n])?t[n]=e.withText(t[n].text+e.text):t.push(e)}function C(e,t,n,r){let i=(t||e).node(n),a=0,o=t?t.index(n):i.childCount;e&&(a=e.index(n),e.depth>n?a++:e.textOffset&&(re(e.nodeAfter,r),a++));for(let e=a;ei&&ne(e,t,i+1),o=r.depth>i&&ne(n,r,i+1),s=[];return C(null,e,i,s),a&&o&&t.index(i)==n.index(i)?(te(a,o),re(ie(a,ae(e,t,n,r,i+1)),s)):(a&&re(ie(a,oe(e,t,i+1)),s),C(t,n,i,s),o&&re(ie(o,oe(n,r,i+1)),s)),C(r,null,i,s),new p(s)}function oe(e,t,n){let r=[];return C(null,e,n,r),e.depth>n&&re(ie(ne(e,t,n+1),oe(e,t,n+1)),r),C(t,null,n,r),new p(r)}function se(e,t){let n=t.depth-e.openStart,r=t.node(n).copy(e.content);for(let e=n-1;e>=0;e--)r=t.node(e).copy(p.from(r));return{start:r.resolveNoCache(e.openStart+n),end:r.resolveNoCache(r.content.size-e.openEnd-n)}}var ce=class e{constructor(e,t,n){this.pos=e,this.path=t,this.parentOffset=n,this.depth=t.length/3-1}resolveDepth(e){return e==null?this.depth:e<0?this.depth+e:e}get parent(){return this.node(this.depth)}get doc(){return this.node(0)}node(e){return this.path[this.resolveDepth(e)*3]}index(e){return this.path[this.resolveDepth(e)*3+1]}indexAfter(e){return e=this.resolveDepth(e),this.index(e)+(e==this.depth&&!this.textOffset?0:1)}start(e){return e=this.resolveDepth(e),e==0?0:this.path[e*3-1]+1}end(e){return e=this.resolveDepth(e),this.start(e)+this.node(e).content.size}before(e){if(e=this.resolveDepth(e),!e)throw RangeError(`There is no position before the top-level node`);return e==this.depth+1?this.pos:this.path[e*3-1]}after(e){if(e=this.resolveDepth(e),!e)throw RangeError(`There is no position after the top-level node`);return e==this.depth+1?this.pos:this.path[e*3-1]+this.path[e*3].nodeSize}get textOffset(){return this.pos-this.path[this.path.length-1]}get nodeAfter(){let e=this.parent,t=this.index(this.depth);if(t==e.childCount)return null;let n=this.pos-this.path[this.path.length-1],r=e.child(t);return n?e.child(t).cut(n):r}get nodeBefore(){let e=this.index(this.depth),t=this.pos-this.path[this.path.length-1];return t?this.parent.child(e).cut(0,t):e==0?null:this.parent.child(e-1)}posAtIndex(e,t){t=this.resolveDepth(t);let n=this.path[t*3],r=t==0?0:this.path[t*3-1]+1;for(let t=0;t0;t--)if(this.start(t)<=e&&this.end(t)>=e)return t;return 0}blockRange(e=this,t){if(e.pos=0;n--)if(e.pos<=this.end(n)&&(!t||t(this.node(n))))return new fe(this,e,n);return null}sameParent(e){return this.pos-this.parentOffset==e.pos-e.parentOffset}max(e){return e.pos>this.pos?e:this}min(e){return e.pos=0&&n<=t.content.size))throw RangeError(`Position `+n+` out of range`);let r=[],i=0,a=n;for(let e=t;;){let{index:t,offset:n}=e.content.findIndex(a),o=a-n;if(r.push(e,t,i+n),!o||(e=e.child(t),e.isText))break;a=o-1,i+=n+1}return new e(n,r,a)}static resolveCached(t,n){let r=de.get(t);if(r)for(let e=0;ee&&this.nodesBetween(e,t,e=>(n.isInSet(e.marks)&&(r=!0),!r)),r}get isBlock(){return this.type.isBlock}get isTextblock(){return this.type.isTextblock}get inlineContent(){return this.type.inlineContent}get isInline(){return this.type.isInline}get isText(){return this.type.isText}get isLeaf(){return this.type.isLeaf}get isAtom(){return this.type.isAtom}toString(){if(this.type.spec.toDebugString)return this.type.spec.toDebugString(this);let e=this.type.name;return this.content.size&&(e+=`(`+this.content.toStringInner()+`)`),ge(this.marks,e)}contentMatchAt(e){let t=this.type.contentMatch.matchFragment(this.content,0,e);if(!t)throw Error(`Called contentMatchAt on a node with invalid content`);return t}canReplace(e,t,n=p.empty,r=0,i=n.childCount){let a=this.contentMatchAt(e).matchFragment(n,r,i),o=a&&a.matchFragment(this.content,t);if(!o||!o.validEnd)return!1;for(let e=r;ee.type.name)}`);this.content.forEach(e=>e.check())}toJSON(){let e={type:this.type.name};for(let t in this.attrs){e.attrs=this.attrs;break}return this.content.size&&(e.content=this.content.toJSON()),this.marks.length&&(e.marks=this.marks.map(e=>e.toJSON())),e}static fromJSON(e,t){if(!t)throw RangeError(`Invalid input for Node.fromJSON`);let n;if(t.marks){if(!Array.isArray(t.marks))throw RangeError(`Invalid mark data for Node.fromJSON`);n=t.marks.map(e.markFromJSON)}if(t.type==`text`){if(typeof t.text!=`string`)throw RangeError(`Invalid text node in JSON`);return e.text(t.text,n)}let r=p.fromJSON(e,t.content);return e.nodeType(t.type).create(t.attrs,r,n)}};me.prototype.text=void 0;var he=class e extends me{constructor(e,t,n,r){if(super(e,t,null,r),!n)throw RangeError(`Empty text nodes are not allowed`);this.text=n}toString(){return this.type.spec.toDebugString?this.type.spec.toDebugString(this):ge(this.marks,JSON.stringify(this.text))}get textContent(){return this.text}textBetween(e,t){return this.text.slice(e,t)}get nodeSize(){return this.text.length}mark(t){return t==this.marks?this:new e(this.type,this.attrs,this.text,t)}withText(t){return t==this.text?this:new e(this.type,this.attrs,t,this.marks)}cut(e=0,t=this.text.length){return e==0&&t==this.text.length?this:this.withText(this.text.slice(e,t))}eq(e){return this.sameMarkup(e)&&this.text==e.text}toJSON(){let e=super.toJSON();return e.text=this.text,e}};function ge(e,t){for(let n=e.length-1;n>=0;n--)t=e[n].type.name+`(`+t+`)`;return t}function _e(e,t,n,r){for(let i in t)if(!(i in e))throw RangeError(`Unsupported attribute ${i} for ${n} of type ${r}`);for(let n in e)e[n].validate&&e[n].validate(t[n])}var ve=class e{constructor(e){this.validEnd=e,this.next=[],this.wrapCache=[]}static parse(t,n){let r=new ye(t,n);if(r.next==null)return e.empty;let i=be(r);r.next&&r.err(`Unexpected trailing text`);let a=Ae(De(i));return je(a,r),a}matchType(e){for(let t=0;te.createAndFill()));for(let e=0;e=this.next.length)throw RangeError(`There's no ${e}th edge in this content match`);return this.next[e]}toString(){let e=[];function t(n){e.push(n);for(let r=0;r{let r=n+(t.validEnd?`*`:` `)+` `;for(let n=0;n`+e.indexOf(t.next[n].next);return r}).join(` +`)}};ve.empty=new ve(!0);var ye=class{constructor(e,t){this.string=e,this.nodeTypes=t,this.inline=null,this.pos=0,this.tokens=e.split(/\s*(?=\b|\W|$)/),this.tokens[this.tokens.length-1]==``&&this.tokens.pop(),this.tokens[0]==``&&this.tokens.shift()}get next(){return this.tokens[this.pos]}eat(e){return this.next==e&&(this.pos++||!0)}err(e){throw SyntaxError(e+` (in content expression '`+this.string+`')`)}};function be(e){let t=[];do t.push(xe(e));while(e.eat(`|`));return t.length==1?t[0]:{type:`choice`,exprs:t}}function xe(e){let t=[];do t.push(Se(e));while(e.next&&e.next!=`)`&&e.next!=`|`);return t.length==1?t[0]:{type:`seq`,exprs:t}}function Se(e){let t=Ee(e);for(;;)if(e.eat(`+`))t={type:`plus`,expr:t};else if(e.eat(`*`))t={type:`star`,expr:t};else if(e.eat(`?`))t={type:`opt`,expr:t};else if(e.eat(`{`))t=we(e,t);else break;return t}function Ce(e){/\D/.test(e.next)&&e.err(`Expected number, got '`+e.next+`'`);let t=Number(e.next);return e.pos++,t}function we(e,t){let n=Ce(e),r=n;return e.eat(`,`)&&(r=e.next==`}`?-1:Ce(e)),e.eat(`}`)||e.err(`Unclosed braced range`),{type:`range`,min:n,max:r,expr:t}}function Te(e,t){let n=e.nodeTypes,r=n[t];if(r)return[r];let i=[];for(let e in n){let r=n[e];r.isInGroup(t)&&i.push(r)}return i.length==0&&e.err(`No node type or group '`+t+`' found`),i}function Ee(e){if(e.eat(`(`)){let t=be(e);return e.eat(`)`)||e.err(`Missing closing paren`),t}if(/\W/.test(e.next))e.err(`Unexpected token '`+e.next+`'`);else{let t=Te(e,e.next).map(t=>(e.inline==null?e.inline=t.isInline:e.inline!=t.isInline&&e.err(`Mixing inline and block content`),{type:`name`,value:t}));return e.pos++,t.length==1?t[0]:{type:`choice`,exprs:t}}}function De(e){let t=[[]];return i(a(e,0),n()),t;function n(){return t.push([])-1}function r(e,n,r){let i={term:r,to:n};return t[e].push(i),i}function i(e,t){e.forEach(e=>e.to=t)}function a(e,t){if(e.type==`choice`)return e.exprs.reduce((e,n)=>e.concat(a(n,t)),[]);if(e.type==`seq`)for(let r=0;;r++){let o=a(e.exprs[r],t);if(r==e.exprs.length-1)return o;i(o,t=n())}else if(e.type==`star`){let o=n();return r(t,o),i(a(e.expr,o),o),[r(o)]}else if(e.type==`plus`){let o=n();return i(a(e.expr,t),o),i(a(e.expr,o),o),[r(o)]}else if(e.type==`opt`)return[r(t)].concat(a(e.expr,t));else if(e.type==`range`){let o=t;for(let t=0;t{e[t].forEach(({term:t,to:n})=>{if(!t)return;let r;for(let e=0;e{r||i.push([t,r=[]]),r.indexOf(e)==-1&&r.push(e)})})});let a=t[r.join(`,`)]=new ve(r.indexOf(e.length-1)>-1);for(let e=0;e-1}get whitespace(){return this.spec.whitespace||(this.spec.code?`pre`:`normal`)}hasRequiredAttrs(){for(let e in this.attrs)if(this.attrs[e].isRequired)return!0;return!1}compatibleContent(e){return this==e||this.contentMatch.compatible(e.contentMatch)}computeAttrs(e){return!e&&this.defaultAttrs?this.defaultAttrs:Ne(this.attrs,e)}create(e=null,t,n){if(this.isText)throw Error(`NodeType.create can't construct text nodes`);return new me(this,this.computeAttrs(e),p.from(t),_.setFrom(n))}createChecked(e=null,t,n){return t=p.from(t),this.checkContent(t),new me(this,this.computeAttrs(e),t,_.setFrom(n))}createAndFill(e=null,t,n){if(e=this.computeAttrs(e),t=p.from(t),t.size){let e=this.contentMatch.fillBefore(t);if(!e)return null;t=e.append(t)}let r=this.contentMatch.matchFragment(t),i=r&&r.fillBefore(p.empty,!0);return i?new me(this,e,t.append(i),_.setFrom(n)):null}validContent(e){let t=this.contentMatch.matchFragment(e);if(!t||!t.validEnd)return!1;for(let t=0;t-1}allowsMarks(e){if(this.markSet==null)return!0;for(let t=0;tr[t]=new e(t,n,i));let i=n.spec.topNode||`doc`;if(!r[i])throw RangeError(`Schema is missing its top node type ('`+i+`')`);if(!r.text)throw RangeError(`Every schema needs a 'text' type`);for(let e in r.text.attrs)throw RangeError(`The text node type should not have attributes`);return r}};function Ie(e,t,n){let r=n.split(`|`);return n=>{let i=n===null?`null`:typeof n;if(r.indexOf(i)<0)throw RangeError(`Expected value of type ${r} for attribute ${t} on type ${e}, got ${i}`)}}var Le=class{constructor(e,t,n){this.hasDefault=Object.prototype.hasOwnProperty.call(n,`default`),this.default=n.default,this.validate=typeof n.validate==`string`?Ie(e,t,n.validate):n.validate}get isRequired(){return!this.hasDefault}},Re=class e{constructor(e,t,n,r){this.name=e,this.rank=t,this.schema=n,this.spec=r,this.attrs=Pe(e,r.attrs),this.excluded=null;let i=Me(this.attrs);this.instance=i?new _(this,i):null}create(e=null){return!e&&this.instance?this.instance:new _(this,Ne(this.attrs,e))}static compile(t,n){let r=Object.create(null),i=0;return t.forEach((t,a)=>r[t]=new e(t,i++,n,a)),r}removeFromSet(e){for(var t=0;t-1}},ze=class{constructor(e){this.linebreakReplacement=null,this.cached=Object.create(null);let t=this.spec={};for(let n in e)t[n]=e[n];t.nodes=c.from(e.nodes),t.marks=c.from(e.marks||{}),this.nodes=Fe.compile(this.spec.nodes,this),this.marks=Re.compile(this.spec.marks,this);let n=Object.create(null);for(let e in this.nodes){if(e in this.marks)throw RangeError(e+` can not be both a node and a mark`);let t=this.nodes[e],r=t.spec.content||``,i=t.spec.marks;if(t.contentMatch=n[r]||(n[r]=ve.parse(r,this.nodes)),t.inlineContent=t.contentMatch.inlineContent,t.spec.linebreakReplacement){if(this.linebreakReplacement)throw RangeError(`Multiple linebreak nodes defined`);if(!t.isInline||!t.isLeaf)throw RangeError(`Linebreak replacement nodes must be inline leaf nodes`);this.linebreakReplacement=t}t.markSet=i==`_`?null:i?Be(this,i.split(` `)):i==``||!t.inlineContent?[]:null}for(let e in this.marks){let t=this.marks[e],n=t.spec.excludes;t.excluded=n==null?[t]:n==``?[]:Be(this,n.split(` `))}this.nodeFromJSON=e=>me.fromJSON(this,e),this.markFromJSON=e=>_.fromJSON(this,e),this.topNodeType=this.nodes[this.spec.topNode||`doc`],this.cached.wrappings=Object.create(null)}node(e,t=null,n,r){if(typeof e==`string`)e=this.nodeType(e);else if(!(e instanceof Fe))throw RangeError(`Invalid node type: `+e);else if(e.schema!=this)throw RangeError(`Node type from different schema used (`+e.name+`)`);return e.createChecked(t,n,r)}text(e,t){let n=this.nodes.text;return new he(n,n.defaultAttrs,e,_.setFrom(t))}mark(e,t){return typeof e==`string`&&(e=this.marks[e]),e.create(t)}nodeType(e){let t=this.nodes[e];if(!t)throw RangeError(`Unknown node type: `+e);return t}};function Be(e,t){let n=[];for(let r=0;r-1)&&n.push(o=r)}if(!o)throw SyntaxError(`Unknown mark type: '`+t[r]+`'`)}return n}function Ve(e){return e.tag!=null}function He(e){return e.style!=null}var Ue=class e{constructor(e,t){this.schema=e,this.rules=t,this.tags=[],this.styles=[];let n=this.matchedStyles=[];t.forEach(e=>{if(Ve(e))this.tags.push(e);else if(He(e)){let t=/[^=]*/.exec(e.style)[0];n.indexOf(t)<0&&n.push(t),this.styles.push(e)}}),this.normalizeLists=!this.tags.some(t=>{if(!/^(ul|ol)\b/.test(t.tag)||!t.node)return!1;let n=e.nodes[t.node];return n.contentMatch.matchType(n)})}parse(e,t={}){let n=new Qe(this,t,!1);return n.addAll(e,_.none,t.from,t.to),n.finish()}parseSlice(e,t={}){let n=new Qe(this,t,!0);return n.addAll(e,_.none,t.from,t.to),y.maxOpen(n.finish())}matchTag(e,t,n){for(let r=n?this.tags.indexOf(n)+1:0;re.length&&(a.charCodeAt(e.length)!=61||a.slice(e.length+1)!=t))){if(r.getAttrs){let e=r.getAttrs(t);if(e===!1)continue;r.attrs=e||void 0}return r}}}static schemaRules(e){let t=[];function n(e){let n=e.priority==null?50:e.priority,r=0;for(;r{n(e=tt(e)),e.mark||e.ignore||e.clearMark||(e.mark=t)})}for(let t in e.nodes){let r=e.nodes[t].spec.parseDOM;r&&r.forEach(e=>{n(e=tt(e)),e.node||e.ignore||e.mark||(e.node=t)})}return t}static fromSchema(t){return t.cached.domParser||(t.cached.domParser=new e(t,e.schemaRules(t)))}},We={address:!0,article:!0,aside:!0,blockquote:!0,body:!0,canvas:!0,dd:!0,div:!0,dl:!0,fieldset:!0,figcaption:!0,figure:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,header:!0,hgroup:!0,hr:!0,li:!0,noscript:!0,ol:!0,output:!0,p:!0,pre:!0,section:!0,table:!0,tfoot:!0,ul:!0},Ge={head:!0,noscript:!0,object:!0,script:!0,style:!0,title:!0},Ke={ol:!0,ul:!0},qe=1,Je=2,Ye=4;function Xe(e,t,n){return t==null?e&&e.whitespace==`pre`?3:n&-5:(t?qe:0)|(t===`full`?Je:0)}var Ze=class{constructor(e,t,n,r,i,a){this.type=e,this.attrs=t,this.marks=n,this.solid=r,this.options=a,this.content=[],this.activeMarks=_.none,this.match=i||(a&Ye?null:e.contentMatch)}findWrapping(e){if(!this.match){if(!this.type)return[];let t=this.type.contentMatch.fillBefore(p.from(e));if(t)this.match=this.type.contentMatch.matchFragment(t);else{let t=this.type.contentMatch,n;return(n=t.findWrapping(e.type))?(this.match=t,n):null}}return this.match.findWrapping(e.type)}finish(e){if(!(this.options&qe)){let e=this.content[this.content.length-1],t;if(e&&e.isText&&(t=/[ \t\r\n\u000c]+$/.exec(e.text))){let n=e;e.text.length==t[0].length?this.content.pop():this.content[this.content.length-1]=n.withText(n.text.slice(0,n.text.length-t[0].length))}}let t=p.from(this.content);return!e&&this.match&&(t=t.append(this.match.fillBefore(p.empty,!0))),this.type?this.type.create(this.attrs,t,this.marks):t}inlineContext(e){return this.type?this.type.inlineContent:this.content.length?this.content[0].isInline:e.parentNode&&!We.hasOwnProperty(e.parentNode.nodeName.toLowerCase())}},Qe=class{constructor(e,t,n){this.parser=e,this.options=t,this.isOpen=n,this.open=0,this.localPreserveWS=!1;let r=t.topNode,i,a=Xe(null,t.preserveWhitespace,0)|(n?Ye:0);i=r?new Ze(r.type,r.attrs,_.none,!0,t.topMatch||r.type.contentMatch,a):n?new Ze(null,null,_.none,!0,null,a):new Ze(e.schema.topNodeType,null,_.none,!0,null,a),this.nodes=[i],this.find=t.findPositions,this.needsBlock=!1}get top(){return this.nodes[this.open]}addDOM(e,t){e.nodeType==3?this.addTextNode(e,t):e.nodeType==1&&this.addElement(e,t)}addTextNode(e,t){let n=e.nodeValue,r=this.top,i=r.options&Je?`full`:this.localPreserveWS||(r.options&qe)>0,{schema:a}=this.parser;if(i===`full`||r.inlineContext(e)||/[^ \t\r\n\u000c]/.test(n)){if(!i){if(n=n.replace(/[ \t\r\n\u000c]+/g,` `),/^[ \t\r\n\u000c]/.test(n)&&this.open==this.nodes.length-1){let t=r.content[r.content.length-1],i=e.previousSibling;(!t||i&&i.nodeName==`BR`||t.isText&&/[ \t\r\n\u000c]$/.test(t.text))&&(n=n.slice(1))}}else if(i===`full`)n=n.replace(/\r\n?/g,` +`);else if(a.linebreakReplacement&&/[\r\n]/.test(n)&&this.top.findWrapping(a.linebreakReplacement.create())){let e=n.split(/\r?\n|\r/);for(let n=0;n!n.clearMark(e)):t.concat(this.parser.schema.marks[n.mark].create(n.attrs)),n.consuming===!1)e=n;else break}}return t}addElementByRule(e,t,n,r){let i,a;if(t.node){if(a=this.parser.schema.nodes[t.node],a.isLeaf)this.insertNode(a.create(t.attrs),n,e.nodeName==`BR`)||this.leafFallback(e,n);else{let e=this.enter(a,t.attrs||null,n,t.preserveWhitespace);e&&(i=!0,n=e)}}else{let e=this.parser.schema.marks[t.mark];n=n.concat(e.create(t.attrs))}let o=this.top;if(a&&a.isLeaf)this.findInside(e);else if(r)this.addElement(e,n,r);else if(t.getContent)this.findInside(e),t.getContent(e,this.parser.schema).forEach(e=>this.insertNode(e,n,!1));else{let r=e;typeof t.contentElement==`string`?r=e.querySelector(t.contentElement):typeof t.contentElement==`function`?r=t.contentElement(e):t.contentElement&&(r=t.contentElement),this.findAround(e,r,!0),this.addAll(r,n),this.findAround(e,r,!1)}i&&this.sync(o)&&this.open--}addAll(e,t,n,r){let i=n||0;for(let a=n?e.childNodes[n]:e.firstChild,o=r==null?null:e.childNodes[r];a!=o;a=a.nextSibling,++i)this.findAtPoint(e,i),this.addDOM(a,t);this.findAtPoint(e,i)}findPlace(e,t,n){let r,i;for(let t=this.open,a=0;t>=0;t--){let o=this.nodes[t],s=o.findWrapping(e);if(s&&(!r||r.length>s.length+a)&&(r=s,i=o,!s.length))break;if(o.solid){if(n)break;a+=2}}if(!r)return null;this.sync(i);for(let e=0;e!(a.type?a.type.allowsMarkType(t.type):nt(t.type,e))||(s=t.addToSet(s),!1)),this.nodes.push(new Ze(e,t,s,r,null,o)),this.open++,n}closeExtra(e=!1){let t=this.nodes.length-1;if(t>this.open){for(;t>this.open;t--)this.nodes[t-1].content.push(this.nodes[t].finish(e));this.nodes.length=this.open+1}}finish(){return this.open=0,this.closeExtra(this.isOpen),this.nodes[0].finish(!!(this.isOpen||this.options.topOpen))}sync(e){for(let t=this.open;t>=0;t--)if(this.nodes[t]==e)return this.open=t,!0;else this.localPreserveWS&&(this.nodes[t].options|=qe);return!1}get currentPos(){this.closeExtra();let e=0;for(let t=this.open;t>=0;t--){let n=this.nodes[t].content;for(let t=n.length-1;t>=0;t--)e+=n[t].nodeSize;t&&e++}return e}findAtPoint(e,t){if(this.find)for(let n=0;n-1)return e.split(/\s*\|\s*/).some(this.matchesContext,this);let t=e.split(`/`),n=this.options.context,r=!this.isOpen&&(!n||n.parent.type==this.nodes[0].type),i=-(n?n.depth+1:0)+ +!r,a=(e,o)=>{for(;e>=0;e--){let s=t[e];if(s==``){if(e==t.length-1||e==0)continue;for(;o>=i;o--)if(a(e-1,o))return!0;return!1}{let e=o>0||o==0&&r?this.nodes[o].type:n&&o>=i?n.node(o-i).type:null;if(!e||e.name!=s&&!e.isInGroup(s))return!1;o--}}return!0};return a(t.length-1,this.open)}textblockFromContext(){let e=this.options.context;if(e)for(let t=e.depth;t>=0;t--){let n=e.node(t).contentMatchAt(e.indexAfter(t)).defaultType;if(n&&n.isTextblock&&n.defaultAttrs)return n}for(let e in this.parser.schema.nodes){let t=this.parser.schema.nodes[e];if(t.isTextblock&&t.defaultAttrs)return t}}};function $e(e){for(let t=e.firstChild,n=null;t;t=t.nextSibling){let e=t.nodeType==1?t.nodeName.toLowerCase():null;e&&Ke.hasOwnProperty(e)&&n?(n.appendChild(t),t=n):e==`li`?n=t:e&&(n=null)}}function et(e,t){return(e.matches||e.msMatchesSelector||e.webkitMatchesSelector||e.mozMatchesSelector).call(e,t)}function tt(e){let t={};for(let n in e)t[n]=e[n];return t}function nt(e,t){let n=t.schema.nodes;for(let r in n){let i=n[r];if(!i.allowsMarkType(e))continue;let a=[],o=e=>{a.push(e);for(let n=0;n{if(i.length||e.marks.length){let n=0,a=0;for(;n=0;r--){let i=this.serializeMark(e.marks[r],e.isInline,t);i&&((i.contentDOM||i.dom).appendChild(n),n=i.dom)}return n}serializeMark(e,t,n={}){let r=this.marks[e.type.name];return r&<(at(n),r(e,t),null,e.attrs)}static renderSpec(e,t,n=null,r){return typeof t==`string`?{dom:e.createTextNode(t)}:lt(e,t,n,r)}static fromSchema(t){return t.cached.domSerializer||(t.cached.domSerializer=new e(this.nodesFromSchema(t),this.marksFromSchema(t)))}static nodesFromSchema(e){let t=it(e.nodes);return t.text||(t.text=e=>e.text),t}static marksFromSchema(e){return it(e.marks)}};function it(e){let t={};for(let n in e){let r=e[n].spec.toDOM;r&&(t[n]=r)}return t}function at(e){return e.document||window.document}var ot=new WeakMap;function st(e){let t=ot.get(e);return t===void 0&&ot.set(e,t=ct(e)),t}function ct(e){let t=null;function n(e){if(e&&typeof e==`object`){if(Array.isArray(e)){if(typeof e[0]==`string`)t||(t=[]),t.push(e);else for(let t=0;t-1)throw RangeError(`Using an array from an attribute object as a DOM spec. This may be an attempted cross site scripting attack.`);let o=i.indexOf(` `);o>0&&(n=i.slice(0,o),i=i.slice(o+1));let s,c=n?e.createElementNS(n,i):e.createElement(i),l=t[1],u=1;if(l&&typeof l==`object`&&l.nodeType==null&&!Array.isArray(l)){u=2;for(let e in l)if(l[e]!=null){let t=e.indexOf(` `);t>0?c.setAttributeNS(e.slice(0,t),e.slice(t+1),l[e]):e==`style`&&c.style?c.style.cssText=l[e]:c.setAttribute(e,l[e])}}for(let i=u;iu)throw RangeError(`Content hole must be the only child of its parent node`);return{dom:c,contentDOM:c}}if(typeof a==`string`)c.appendChild(e.createTextNode(a));else{let{dom:t,contentDOM:i}=lt(e,a,n,r);if(c.appendChild(t),i){if(s)throw RangeError(`Multiple content holes`);s=i}}}return{dom:c,contentDOM:s}}var ut=65535,dt=2**16;function ft(e,t){return e+t*dt}function pt(e){return e&ut}function mt(e){return(e-(e&ut))/dt}var ht=1,gt=2,_t=4,vt=8,yt=class{constructor(e,t,n){this.pos=e,this.delInfo=t,this.recover=n}get deleted(){return(this.delInfo&vt)>0}get deletedBefore(){return(this.delInfo&5)>0}get deletedAfter(){return(this.delInfo&6)>0}get deletedAcross(){return(this.delInfo&_t)>0}},bt=class e{constructor(t,n=!1){if(this.ranges=t,this.inverted=n,!t.length&&e.empty)return e.empty}recover(e){let t=0,n=pt(e);if(!this.inverted)for(let e=0;ee)break;let c=this.ranges[o+i],l=this.ranges[o+a],u=s+c;if(e<=u){let i=c?e==s?-1:e==u?1:t:t,a=s+r+(i<0?0:l);if(n)return a;let d=e==(t<0?s:u)?null:ft(o/3,e-s),f=0;return c&&(f|=e==s?gt:e==u?ht:_t,(t<0?e!=s:e!=u)&&(f|=vt)),new yt(a,f,d)}r+=l-c}return n?e+r:new yt(e+r,0,null)}touches(e,t){let n=0,r=pt(t),i=this.inverted?2:1,a=this.inverted?1:2;for(let t=0;te)break;let s=this.ranges[t+i];if(e<=o+s&&t==r*3)return!0;n+=this.ranges[t+a]-s}return!1}forEach(e){let t=this.inverted?2:1,n=this.inverted?1:2;for(let r=0,i=0;r=0;t--){let r=e.getMirror(t);this.appendMap(e._maps[t].invert(),r!=null&&r>t?n-r-1:void 0)}}invert(){let t=new e;return t.appendMappingInverted(this),t}map(e,t=1){if(this.mirror)return this._map(e,t,!0);for(let n=this.from;nn&&t!e.isAtom||!t.type.allowsMarkType(this.mark.type)?e:e.mark(this.mark.addToSet(e.marks)),r),t.openStart,t.openEnd);return T.fromReplace(e,this.from,this.to,i)}invert(t){let n=[];return t.nodesBetween(this.from,this.to,(t,r)=>{if(t.isInline&&t.isAtom){let i=this.mark.addToSet(t.marks);if(!_.sameSet(i,t.marks)){let a=Math.max(this.from,r),o=Math.min(this.to,r+t.nodeSize);Et(Tt,a,o,this.mark,n);for(let r of t.marks)r.isInSet(i)||Et(e,a,o,r,n)}}}),n.length==1?n[0]:new Dt(n)}map(t){let n=t.map(this.from,1),r=t.map(this.to,-1);return n>=r?null:new e(n,r,this.mark)}merge(t){return t instanceof e&&t.mark.eq(this.mark)&&this.from<=t.to&&this.to>=t.from?new e(Math.min(this.from,t.from),Math.max(this.to,t.to),this.mark):null}toJSON(){return{stepType:`addMark`,mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(t,n){if(typeof n.from!=`number`||typeof n.to!=`number`)throw RangeError(`Invalid input for AddMarkStep.fromJSON`);return new e(n.from,n.to,t.markFromJSON(n.mark))}};w.jsonID(`addMark`,wt);var Tt=class e extends w{constructor(e,t,n){super(),this.from=e,this.to=t,this.mark=n}apply(e){let t=e.slice(this.from,this.to),n=new y(Ct(t.content,e=>e.mark(this.mark.removeFromSet(e.marks)),e),t.openStart,t.openEnd);return T.fromReplace(e,this.from,this.to,n)}invert(e){let t=[];return e.nodesBetween(this.from,this.to,(e,n)=>{e.isInline&&e.isAtom&&this.mark.isInSet(e.marks)&&Et(wt,Math.max(this.from,n),Math.min(this.to,n+e.nodeSize),this.mark,t)}),t.length==1?t[0]:new Dt(t)}map(t){let n=t.map(this.from,1),r=t.map(this.to,-1);return n>=r?null:new e(n,r,this.mark)}merge(t){return t instanceof e&&t.mark.eq(this.mark)&&this.from<=t.to&&this.to>=t.from?new e(Math.min(this.from,t.from),Math.max(this.to,t.to),this.mark):null}toJSON(){return{stepType:`removeMark`,mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(t,n){if(typeof n.from!=`number`||typeof n.to!=`number`)throw RangeError(`Invalid input for RemoveMarkStep.fromJSON`);return new e(n.from,n.to,t.markFromJSON(n.mark))}};w.jsonID(`removeMark`,Tt);function Et(e,t,n,r,i){let a=i.length?i[i.length-1]:null;a&&a instanceof e&&a.to==t&&a.mark.eq(r)?i[i.length-1]=new e(a.from,n,r):i.push(new e(t,n,r))}var Dt=class e extends w{constructor(e){super(),this.steps=e}apply(e){for(let t of this.steps){let n=t.apply(e);if(!n.doc)return n;e=n.doc}return new T(e,null)}invert(t){return new e(this.steps.map(e=>e.invert(t)))}map(t){let n=[];for(let e of this.steps){let r=e.map(t);r&&n.push(r)}return n.length?new e(n):null}toJSON(){return{stepType:`markSet`,steps:this.steps.map(e=>e.toJSON())}}static fromJSON(t,n){if(!Array.isArray(n.steps)||!n.steps.every(e=>e.stepType==`addMark`||e.stepType==`removeMark`))throw RangeError(`Invalid JSON for MarkSetStep`);return new e(n.steps.map(e=>w.fromJSON(t,e)))}};w.jsonID(`markSet`,Dt);var Ot=class e extends w{constructor(e,t){super(),this.pos=e,this.mark=t}apply(e){let t=e.nodeAt(this.pos);if(!t)return T.fail(`No node at mark step's position`);let n=t.type.create(t.attrs,null,this.mark.addToSet(t.marks));return T.fromReplace(e,this.pos,this.pos+1,new y(p.from(n),0,+!t.isLeaf))}invert(t){let n=t.nodeAt(this.pos);if(n){let t=this.mark.addToSet(n.marks);if(t.length==n.marks.length){for(let r=0;rr.pos||i>a?null:new e(n.pos,r.pos,i,a,this.slice,this.insert,this.structure)}toJSON(){let e={stepType:`replaceAround`,from:this.from,to:this.to,gapFrom:this.gapFrom,gapTo:this.gapTo,insert:this.insert};return this.slice.size&&(e.slice=this.slice.toJSON()),this.structure&&(e.structure=!0),e}static fromJSON(t,n){if(typeof n.from!=`number`||typeof n.to!=`number`||typeof n.gapFrom!=`number`||typeof n.gapTo!=`number`||typeof n.insert!=`number`)throw RangeError(`Invalid input for ReplaceAroundStep.fromJSON`);return new e(n.from,n.to,n.gapFrom,n.gapTo,y.fromJSON(t,n.slice),n.insert,!!n.structure)}};w.jsonID(`replaceAround`,jt);function Mt(e,t,n){let r=e.resolve(t),i=n-t,a=r.depth;for(;i>0&&a>0&&r.indexAfter(a)==r.node(a).childCount;)a--,i--;if(i>0){let e=r.node(a).maybeChild(r.indexAfter(a));for(;i>0;){if(!e||e.isLeaf)return!0;e=e.firstChild,i--}}return!1}function Nt(e,t,n,r){let i=[];e.doc.nodesBetween(t,n,(e,a,o)=>{if(!e.isInline)return;let s=e.marks;!r.isInSet(s)&&o.type.allowsMarkType(r.type)&&Et(wt,Math.max(a,t),Math.min(a+e.nodeSize,n),r,i)}),i.forEach(t=>e.step(t))}function Pt(e,t,n,r){let i=[],a=0;e.doc.nodesBetween(t,n,(e,o)=>{if(!e.isInline||!e.isAtom)return;a++;let s=null;if(r instanceof Re){let t=e.marks,n;for(;n=r.isInSet(t);)(s||(s=[])).push(n),t=n.removeFromSet(t)}else r?r.isInSet(e.marks)&&(s=[r]):s=e.marks;if(s&&s.length){let r=Math.min(o+e.nodeSize,n);for(let e=0;ee.step(new Tt(t.from,t.to,t.style)))}function Ft(e,t,n,r=n.contentMatch,i=!0){let a=e.doc.nodeAt(t),o=[],s=t+1;for(let t=0;t=0;t--)e.step(o[t])}function It(e,t,n){return(t==0||e.canReplace(t,e.childCount))&&(n==e.childCount||e.canReplace(0,n))}function Lt(e){let t=e.parent.content.cutByIndex(e.startIndex,e.endIndex);for(let n=e.depth,r=0,i=0;;--n){let a=e.$from.node(n),o=e.$from.index(n)+r,s=e.$to.indexAfter(n)-i;if(nn;e--)t||r.index(e)>0?(t=!0,u=p.from(r.node(e).copy(u)),d++):c--;let f=p.empty,m=0;for(let e=a,t=!1;e>n;e--)t||i.after(e+1)=0;e--){if(r.size){let t=n[e].type.contentMatch.matchFragment(r);if(!t||!t.validEnd)throw RangeError(`Wrapper type given to Transform.wrap does not form valid content of its parent wrapper`)}r=p.from(n[e].type.create(n[e].attrs,r))}let i=t.start,a=t.end;e.step(new jt(i,a,i,a,new y(r,0,0),n.length,!0))}function Wt(e,t,n,r,i){if(!r.isTextblock)throw RangeError(`Type given to setBlockType should be a textblock`);let a=e.steps.length;e.doc.nodesBetween(t,n,(t,n)=>{let o=typeof i==`function`?i(t):i;if(t.isTextblock&&!t.hasMarkup(r,o)&&qt(e.doc,e.mapping.slice(a).map(n),r)){let i=null;if(r.schema.linebreakReplacement){let e=r.whitespace==`pre`,t=!!r.contentMatch.matchType(r.schema.linebreakReplacement);e&&!t?i=!1:!e&&t&&(i=!0)}i===!1&&Kt(e,t,n,a),Ft(e,e.mapping.slice(a).map(n,1),r,void 0,i===null);let s=e.mapping.slice(a),c=s.map(n,1),l=s.map(n+t.nodeSize,1);return e.step(new jt(c,l,c+1,l-1,new y(p.from(r.create(o,null,t.marks)),0,0),1,!0)),i===!0&&Gt(e,t,n,a),!1}})}function Gt(e,t,n,r){t.forEach((i,a)=>{if(i.isText){let o,s=/\r?\n|\r/g;for(;o=s.exec(i.text);){let i=e.mapping.slice(r).map(n+1+a+o.index);e.replaceWith(i,i+1,t.type.schema.linebreakReplacement.create())}}})}function Kt(e,t,n,r){t.forEach((i,a)=>{if(i.type==i.type.schema.linebreakReplacement){let i=e.mapping.slice(r).map(n+1+a);e.replaceWith(i,i+1,t.type.schema.text(` +`))}})}function qt(e,t,n){let r=e.resolve(t),i=r.index();return r.parent.canReplaceWith(i,i+1,n)}function Jt(e,t,n,r,i){let a=e.doc.nodeAt(t);if(!a)throw RangeError(`No node at given position`);n||(n=a.type);let o=n.create(r,null,i||a.marks);if(a.isLeaf)return e.replaceWith(t,t+a.nodeSize,o);if(!n.validContent(a.content))throw RangeError(`Invalid content for node type `+n.name);e.step(new jt(t,t+a.nodeSize,t+1,t+a.nodeSize-1,new y(p.from(o),0,0),1,!0))}function Yt(e,t,n=1,r){let i=e.resolve(t),a=i.depth-n,o=r&&r[r.length-1]||i.parent;if(a<0||i.parent.type.spec.isolating||!i.parent.canReplace(i.index(),i.parent.childCount)||!o.type.validContent(i.parent.content.cutByIndex(i.index(),i.parent.childCount)))return!1;for(let e=i.depth-1,t=n-2;e>a;e--,t--){let n=i.node(e),a=i.index(e);if(n.type.spec.isolating)return!1;let o=n.content.cutByIndex(a,n.childCount),s=r&&r[t+1];s&&(o=o.replaceChild(0,s.type.create(s.attrs)));let c=r&&r[t]||n;if(!n.canReplace(a+1,n.childCount)||!c.type.validContent(o))return!1}let s=i.indexAfter(a),c=r&&r[0];return i.node(a).canReplaceWith(s,s,c?c.type:i.node(a+1).type)}function Xt(e,t,n=1,r){let i=e.doc.resolve(t),a=p.empty,o=p.empty;for(let e=i.depth,t=i.depth-n,s=n-1;e>t;e--,s--){a=p.from(i.node(e).copy(a));let t=r&&r[s];o=p.from(t?t.type.create(t.attrs,o):i.node(e).copy(o))}e.step(new At(t,t,new y(a.append(o),n,n),!0))}function Zt(e,t){let n=e.resolve(t),r=n.index();return $t(n.nodeBefore,n.nodeAfter)&&n.parent.canReplace(r,r+1)}function Qt(e,t){t.content.size||e.type.compatibleContent(t.type);let n=e.contentMatchAt(e.childCount),{linebreakReplacement:r}=e.type.schema;for(let i=0;i0?(i=r.node(e+1),o++,a=r.node(e).maybeChild(o)):(i=r.node(e).maybeChild(o-1),a=r.node(e+1)),i&&!i.isTextblock&&$t(i,a)&&r.node(e).canReplace(o,o+1))return t;if(e==0)break;t=n<0?r.before(e):r.after(e)}}function tn(e,t,n){let r=null,{linebreakReplacement:i}=e.doc.type.schema,a=e.doc.resolve(t-n),o=a.node().type;if(i&&o.inlineContent){let e=o.whitespace==`pre`,t=!!o.contentMatch.matchType(i);e&&!t?r=!1:!e&&t&&(r=!0)}let s=e.steps.length;if(r===!1){let r=e.doc.resolve(t+n);Kt(e,r.node(),r.before(),s)}o.inlineContent&&Ft(e,t+n-1,o,a.node().contentMatchAt(a.index()),r==null);let c=e.mapping.slice(s),l=c.map(t-n);if(e.step(new At(l,c.map(t+n,-1),y.empty,!0)),r===!0){let t=e.doc.resolve(l);Gt(e,t.node(),t.before(),e.steps.length)}return e}function nn(e,t,n){let r=e.resolve(t);if(r.parent.canReplaceWith(r.index(),r.index(),n))return t;if(r.parentOffset==0)for(let e=r.depth-1;e>=0;e--){let t=r.index(e);if(r.node(e).canReplaceWith(t,t,n))return r.before(e+1);if(t>0)return null}if(r.parentOffset==r.parent.content.size)for(let e=r.depth-1;e>=0;e--){let t=r.indexAfter(e);if(r.node(e).canReplaceWith(t,t,n))return r.after(e+1);if(t=0;t--){let n=t==r.depth?0:r.pos<=(r.start(t+1)+r.end(t+1))/2?-1:1,a=r.index(t)+ +(n>0),o=r.node(t),s=!1;if(e==1)s=o.canReplace(a,a,i);else{let e=o.contentMatchAt(a).findWrapping(i.firstChild.type);s=e&&o.canReplaceWith(a,a,e[0])}if(s)return n==0?r.pos:n<0?r.before(t+1):r.after(t+1)}return null}function an(e,t,n=t,r=y.empty){if(t==n&&!r.size)return null;let i=e.resolve(t),a=e.resolve(n);return on(i,a,r)?new At(t,n,r):new sn(i,a,r).fit()}function on(e,t,n){return!n.openStart&&!n.openEnd&&e.start()==t.start()&&e.parent.canReplace(e.index(),t.index(),n.content)}var sn=class{constructor(e,t,n){this.$from=e,this.$to=t,this.unplaced=n,this.frontier=[],this.placed=p.empty;for(let t=0;t<=e.depth;t++){let n=e.node(t);this.frontier.push({type:n.type,match:n.contentMatchAt(e.indexAfter(t))})}for(let t=e.depth;t>0;t--)this.placed=p.from(e.node(t).copy(this.placed))}get depth(){return this.frontier.length-1}fit(){for(;this.unplaced.size;){let e=this.findFittable();e?this.placeNodes(e):this.openMore()||this.dropNode()}let e=this.mustMoveInline(),t=this.placed.size-this.depth-this.$from.depth,n=this.$from,r=this.close(e<0?this.$to:n.doc.resolve(e));if(!r)return null;let i=this.placed,a=n.depth,o=r.depth;for(;a&&o&&i.childCount==1;)i=i.firstChild.content,a--,o--;let s=new y(i,a,o);return e>-1?new jt(n.pos,e,this.$to.pos,this.$to.end(),s,t):s.size||n.pos!=this.$to.pos?new At(n.pos,r.pos,s):null}findFittable(){let e=this.unplaced.openStart;for(let t=this.unplaced.content,n=0,r=this.unplaced.openEnd;n1&&(r=0),i.type.spec.isolating&&r<=n){e=n;break}t=i.content}for(let t=1;t<=2;t++)for(let n=t==1?e:this.unplaced.openStart;n>=0;n--){let e,r=null;n?(r=un(this.unplaced.content,n-1).firstChild,e=r.content):e=this.unplaced.content;let i=e.firstChild;for(let e=this.depth;e>=0;e--){let{type:a,match:o}=this.frontier[e],s,c=null;if(t==1&&(i?o.matchType(i.type)||(c=o.fillBefore(p.from(i),!1)):r&&a.compatibleContent(r.type)))return{sliceDepth:n,frontierDepth:e,parent:r,inject:c};if(t==2&&i&&(s=o.findWrapping(i.type)))return{sliceDepth:n,frontierDepth:e,parent:r,wrap:s};if(r&&o.matchType(r.type))break}}}openMore(){let{content:e,openStart:t,openEnd:n}=this.unplaced;return hn(e,-1)<=t?!1:(this.unplaced.size>1&&hn(e,1)>n&&n++,this.unplaced=new y(e,t+1,n),!0)}dropNode(){let{content:e,openStart:t,openEnd:n}=this.unplaced,r=un(e,t);if(r.childCount<=1&&t>0){let i=e.size-t<=t+r.size;this.unplaced=new y(cn(e,t-1,1),t-1,i?t-1:n)}else this.unplaced=new y(cn(e,t,1),t,n)}placeNodes({sliceDepth:e,frontierDepth:t,parent:n,inject:r,wrap:i}){for(;this.depth>t;)this.closeFrontierNode();if(i)for(let e=0;e1||s==0||e.content.size)&&(u=t,l.push(dn(e.mark(d.allowedMarks(e.marks)),c==1?s:0,c==o.childCount?f:-1)))}let m=c==o.childCount;m||(f=-1),this.placed=ln(this.placed,t,p.from(l)),this.frontier[t].match=u,m&&f<0&&n&&n.type==this.frontier[this.depth].type&&this.frontier.length>1&&this.closeFrontierNode();for(let e=0,t=l[l.length-1];t&&e1&&r==this.$to.end(--n);)++r;return r}findCloseLevel(e){scan:for(let t=Math.min(this.depth,e.depth);t>=0;t--){let{match:n,type:r}=this.frontier[t],i=t=0;n--){let{match:t,type:r}=this.frontier[n],i=fn(e,n,r,t,!0);if(!i||i.childCount)continue scan}return{depth:t,fit:a,move:i?e.doc.resolve(e.after(t+1)):e}}}}close(e){let t=this.findCloseLevel(e);if(!t)return null;for(;this.depth>t.depth;)this.closeFrontierNode();t.fit.childCount&&(this.placed=ln(this.placed,t.depth,t.fit)),e=t.move;for(let n=t.depth+1;n<=e.depth;n++){let t=e.node(n),r=t.type.contentMatch.fillBefore(t.content,!0,e.index(n));this.openFrontierNode(t.type,t.attrs,r)}return e}openFrontierNode(e,t=null,n){let r=this.frontier[this.depth];r.match=r.match.matchType(e),this.placed=ln(this.placed,this.depth,p.from(e.create(t,n))),this.frontier.push({type:e,match:e.contentMatch})}closeFrontierNode(){let e=this.frontier.pop().match.fillBefore(p.empty,!0);e.childCount&&(this.placed=ln(this.placed,this.frontier.length,e))}};function cn(e,t,n){return t==0?e.cutByIndex(n,e.childCount):e.replaceChild(0,e.firstChild.copy(cn(e.firstChild.content,t-1,n)))}function ln(e,t,n){return t==0?e.append(n):e.replaceChild(e.childCount-1,e.lastChild.copy(ln(e.lastChild.content,t-1,n)))}function un(e,t){for(let n=0;n1&&(r=r.replaceChild(0,dn(r.firstChild,t-1,r.childCount==1?n-1:0))),t>0&&(r=e.type.contentMatch.fillBefore(r).append(r),n<=0&&(r=r.append(e.type.contentMatch.matchFragment(r).fillBefore(p.empty,!0)))),e.copy(r)}function fn(e,t,n,r,i){let a=e.node(t),o=i?e.indexAfter(t):e.index(t);if(o==a.childCount&&!n.compatibleContent(a.type))return null;let s=r.fillBefore(a.content,!0,o);return s&&!pn(n,a.content,o)?s:null}function pn(e,t,n){for(let r=n;r0;e--,t--){let n=i.node(e).type.spec;if(n.defining||n.definingAsContext||n.isolating)break;o.indexOf(e)>-1?s=e:i.before(e)==t&&o.splice(1,0,-e)}let c=o.indexOf(s),l=[],u=r.openStart;for(let e=r.content,t=0;;t++){let n=e.firstChild;if(l.push(n),t==r.openStart)break;e=n.content}for(let e=u-1;e>=0;e--){let t=l[e],n=mn(t.type);if(n&&!t.sameMarkup(i.node(Math.abs(s)-1)))u=e;else if(n||!t.type.isTextblock)break}for(let t=r.openStart;t>=0;t--){let s=(t+u+1)%(r.openStart+1),d=l[s];if(d)for(let t=0;t=0&&(e.replace(t,n,r),!(e.steps.length>d));s--){let e=o[s];e<0||(t=i.before(e),n=a.after(e))}}function _n(e,t,n,r,i){if(tr){let t=i.contentMatchAt(0),n=t.fillBefore(e).append(e);e=n.append(t.matchFragment(n).fillBefore(p.empty,!0))}return e}function vn(e,t,n,r){if(!r.isInline&&t==n&&e.doc.resolve(t).parent.content.size){let i=nn(e.doc,t,r.type);i!=null&&(t=n=i)}e.replaceRange(t,n,new y(p.from(r),0,0))}function yn(e,t,n){let r=e.doc.resolve(t),i=e.doc.resolve(n);if(r.parent.isTextblock&&i.parent.isTextblock&&r.start()!=i.start()&&r.parentOffset==0&&i.parentOffset==0){let a=r.sharedDepth(n),o=!1;for(let e=r.depth;e>a;e--)r.node(e).type.spec.isolating&&(o=!0);for(let e=i.depth;e>a;e--)i.node(e).type.spec.isolating&&(o=!0);if(!o){for(let e=r.depth;e>0&&t==r.start(e);e--)t=r.before(e);for(let e=i.depth;e>0&&n==i.start(e);e--)n=i.before(e);r=e.doc.resolve(t),i=e.doc.resolve(n)}}let a=bn(r,i);for(let t=0;t0&&(o||r.node(n-1).canReplace(r.index(n-1),i.indexAfter(n-1))))return e.delete(r.before(n),i.after(n))}for(let a=1;a<=r.depth&&a<=i.depth;a++)if(t-r.start(a)==r.depth-a&&n>r.end(a)&&i.end(a)-n!=i.depth-a&&r.start(a-1)==i.start(a-1)&&r.node(a-1).canReplace(r.index(a-1),i.index(a-1)))return e.delete(r.before(a),n);e.delete(t,n)}function bn(e,t){let n=[],r=Math.min(e.depth,t.depth);for(let i=r;i>=0;i--){let r=e.start(i);if(rt.pos+(t.depth-i)||e.node(i).type.spec.isolating||t.node(i).type.spec.isolating)break;(r==t.start(i)||i==e.depth&&i==t.depth&&e.parent.inlineContent&&t.parent.inlineContent&&i&&t.start(i-1)==r-1)&&n.push(i)}return n}var xn=class e extends w{constructor(e,t,n){super(),this.pos=e,this.attr=t,this.value=n}apply(e){let t=e.nodeAt(this.pos);if(!t)return T.fail(`No node at attribute step's position`);let n=Object.create(null);for(let e in t.attrs)n[e]=t.attrs[e];n[this.attr]=this.value;let r=t.type.create(n,null,t.marks);return T.fromReplace(e,this.pos,this.pos+1,new y(p.from(r),0,+!t.isLeaf))}getMap(){return bt.empty}invert(t){return new e(this.pos,this.attr,t.nodeAt(this.pos).attrs[this.attr])}map(t){let n=t.mapResult(this.pos,1);return n.deletedAfter?null:new e(n.pos,this.attr,this.value)}toJSON(){return{stepType:`attr`,pos:this.pos,attr:this.attr,value:this.value}}static fromJSON(t,n){if(typeof n.pos!=`number`||typeof n.attr!=`string`)throw RangeError(`Invalid input for AttrStep.fromJSON`);return new e(n.pos,n.attr,n.value)}};w.jsonID(`attr`,xn);var Sn=class e extends w{constructor(e,t){super(),this.attr=e,this.value=t}apply(e){let t=Object.create(null);for(let n in e.attrs)t[n]=e.attrs[n];t[this.attr]=this.value;let n=e.type.create(t,e.content,e.marks);return T.ok(n)}getMap(){return bt.empty}invert(t){return new e(this.attr,t.attrs[this.attr])}map(e){return this}toJSON(){return{stepType:`docAttr`,attr:this.attr,value:this.value}}static fromJSON(t,n){if(typeof n.attr!=`string`)throw RangeError(`Invalid input for DocAttrStep.fromJSON`);return new e(n.attr,n.value)}};w.jsonID(`docAttr`,Sn);var Cn=class extends Error{};Cn=function e(t){let n=Error.call(this,t);return n.__proto__=e.prototype,n},Cn.prototype=Object.create(Error.prototype),Cn.prototype.constructor=Cn,Cn.prototype.name=`TransformError`;var wn=class{constructor(e){this.doc=e,this.steps=[],this.docs=[],this.mapping=new xt}get before(){return this.docs.length?this.docs[0]:this.doc}step(e){let t=this.maybeStep(e);if(t.failed)throw new Cn(t.failed);return this}maybeStep(e){let t=e.apply(this.doc);return t.failed||this.addStep(e,t.doc),t}get docChanged(){return this.steps.length>0}changedRange(){let e=1e9,t=-1e9;for(let n=0;n{e=Math.min(e,i),t=Math.max(t,a)})}return e==1e9?null:{from:e,to:t}}addStep(e,t){this.docs.push(this.doc),this.steps.push(e),this.mapping.appendMap(e.getMap()),this.doc=t}replace(e,t=e,n=y.empty){let r=an(this.doc,e,t,n);return r&&this.step(r),this}replaceWith(e,t,n){return this.replace(e,t,new y(p.from(n),0,0))}delete(e,t){return this.replace(e,t,y.empty)}insert(e,t){return this.replaceWith(e,e,t)}replaceRange(e,t,n){return gn(this,e,t,n),this}replaceRangeWith(e,t,n){return vn(this,e,t,n),this}deleteRange(e,t){return yn(this,e,t),this}lift(e,t){return Rt(this,e,t),this}join(e,t=1){return tn(this,e,t),this}wrap(e,t){return Ut(this,e,t),this}setBlockType(e,t=e,n,r=null){return Wt(this,e,t,n,r),this}setNodeMarkup(e,t,n=null,r){return Jt(this,e,t,n,r),this}setNodeAttribute(e,t,n){return this.step(new xn(e,t,n)),this}setDocAttribute(e,t){return this.step(new Sn(e,t)),this}addNodeMark(e,t){return this.step(new Ot(e,t)),this}removeNodeMark(e,t){let n=this.doc.nodeAt(e);if(!n)throw RangeError(`No node at position `+e);if(t instanceof _)t.isInSet(n.marks)&&this.step(new kt(e,t));else{let r=n.marks,i,a=[];for(;i=t.isInSet(r);)a.push(new kt(e,i)),r=i.removeFromSet(r);for(let e=a.length-1;e>=0;e--)this.step(a[e])}return this}split(e,t=1,n){return Xt(this,e,t,n),this}addMark(e,t,n){return Nt(this,e,t,n),this}removeMark(e,t,n){return Pt(this,e,t,n),this}clearIncompatible(e,t,n){return Ft(this,e,t,n),this}},Tn=Object.create(null),E=class{constructor(e,t,n){this.$anchor=e,this.$head=t,this.ranges=n||[new En(e.min(t),e.max(t))]}get anchor(){return this.$anchor.pos}get head(){return this.$head.pos}get from(){return this.$from.pos}get to(){return this.$to.pos}get $from(){return this.ranges[0].$from}get $to(){return this.ranges[0].$to}get empty(){let e=this.ranges;for(let t=0;t=0;r--){let i=t<0?Nn(e.node(0),e.node(r),e.before(r+1),e.index(r),t,n):Nn(e.node(0),e.node(r),e.after(r+1),e.index(r)+1,t,n);if(i)return i}return null}static near(e,t=1){return this.findFrom(e,t)||this.findFrom(e,-t)||new jn(e.node(0))}static atStart(e){return Nn(e,e,0,0,1)||new jn(e)}static atEnd(e){return Nn(e,e,e.content.size,e.childCount,-1)||new jn(e)}static fromJSON(e,t){if(!t||!t.type)throw RangeError(`Invalid input for Selection.fromJSON`);let n=Tn[t.type];if(!n)throw RangeError(`No selection type ${t.type} defined`);return n.fromJSON(e,t)}static jsonID(e,t){if(e in Tn)throw RangeError(`Duplicate use of selection JSON ID `+e);return Tn[e]=t,t.prototype.jsonID=e,t}getBookmark(){return D.between(this.$anchor,this.$head).getBookmark()}};E.prototype.visible=!0;var En=class{constructor(e,t){this.$from=e,this.$to=t}},Dn=!1;function On(e){!Dn&&!e.parent.inlineContent&&(Dn=!0,console.warn(`TextSelection endpoint not pointing into a node with inline content (`+e.parent.type.name+`)`))}var D=class e extends E{constructor(e,t=e){On(e),On(t),super(e,t)}get $cursor(){return this.$anchor.pos==this.$head.pos?this.$head:null}map(t,n){let r=t.resolve(n.map(this.head));if(!r.parent.inlineContent)return E.near(r);let i=t.resolve(n.map(this.anchor));return new e(i.parent.inlineContent?i:r,r)}replace(e,t=y.empty){if(super.replace(e,t),t==y.empty){let t=this.$from.marksAcross(this.$to);t&&e.ensureMarks(t)}}eq(t){return t instanceof e&&t.anchor==this.anchor&&t.head==this.head}getBookmark(){return new kn(this.anchor,this.head)}toJSON(){return{type:`text`,anchor:this.anchor,head:this.head}}static fromJSON(t,n){if(typeof n.anchor!=`number`||typeof n.head!=`number`)throw RangeError(`Invalid input for TextSelection.fromJSON`);return new e(t.resolve(n.anchor),t.resolve(n.head))}static create(e,t,n=t){let r=e.resolve(t);return new this(r,n==t?r:e.resolve(n))}static between(t,n,r){let i=t.pos-n.pos;if((!r||i)&&(r=i>=0?1:-1),!n.parent.inlineContent){let e=E.findFrom(n,r,!0)||E.findFrom(n,-r,!0);if(e)n=e.$head;else return E.near(n,r)}return t.parent.inlineContent||(i==0?t=n:(t=(E.findFrom(t,-r,!0)||E.findFrom(t,r,!0)).$anchor,t.pos0?0:1);i>0?o=0;o+=i){let r=t.child(o);if(!r.isAtom){let t=Nn(e,r,n+i,i<0?r.childCount:0,i,a);if(t)return t}else if(!a&&O.isSelectable(r))return O.create(e,n-(i<0?r.nodeSize:0));n+=r.nodeSize*i}return null}function Pn(e,t,n){let r=e.steps.length-1;if(r{o??(o=r)}),e.setSelection(E.near(e.doc.resolve(o),n))}var Fn=1,In=2,Ln=4,Rn=class extends wn{constructor(e){super(e.doc),this.curSelectionFor=0,this.updated=0,this.meta=Object.create(null),this.time=Date.now(),this.curSelection=e.selection,this.storedMarks=e.storedMarks}get selection(){return this.curSelectionFor0}setStoredMarks(e){return this.storedMarks=e,this.updated|=In,this}ensureMarks(e){return _.sameSet(this.storedMarks||this.selection.$from.marks(),e)||this.setStoredMarks(e),this}addStoredMark(e){return this.ensureMarks(e.addToSet(this.storedMarks||this.selection.$head.marks()))}removeStoredMark(e){return this.ensureMarks(e.removeFromSet(this.storedMarks||this.selection.$head.marks()))}get storedMarksSet(){return(this.updated&In)>0}addStep(e,t){super.addStep(e,t),this.updated&=-3,this.storedMarks=null}setTime(e){return this.time=e,this}replaceSelection(e){return this.selection.replace(this,e),this}replaceSelectionWith(e,t=!0){let n=this.selection;return t&&(e=e.mark(this.storedMarks||(n.empty?n.$from.marks():n.$from.marksAcross(n.$to)||_.none))),n.replaceWith(this,e),this}deleteSelection(){return this.selection.replace(this),this}insertText(e,t,n){let r=this.doc.type.schema;if(t==null)return e?this.replaceSelectionWith(r.text(e),!0):this.deleteSelection();{if(n??(n=t),!e)return this.deleteRange(t,n);let i=this.storedMarks;if(!i){let e=this.doc.resolve(t);i=n==t?e.marks():e.marksAcross(this.doc.resolve(n))}return this.replaceRangeWith(t,n,r.text(e,i)),!this.selection.empty&&this.selection.to==t+e.length&&this.setSelection(E.near(this.selection.$to)),this}}setMeta(e,t){return this.meta[typeof e==`string`?e:e.key]=t,this}getMeta(e){return this.meta[typeof e==`string`?e:e.key]}get isGeneric(){for(let e in this.meta)return!1;return!0}scrollIntoView(){return this.updated|=Ln,this}get scrolledIntoView(){return(this.updated&Ln)>0}};function zn(e,t){return!t||!e?e:e.bind(t)}var Bn=class{constructor(e,t,n){this.name=e,this.init=zn(t.init,n),this.apply=zn(t.apply,n)}},Vn=[new Bn(`doc`,{init(e){return e.doc||e.schema.topNodeType.createAndFill()},apply(e){return e.doc}}),new Bn(`selection`,{init(e,t){return e.selection||E.atStart(t.doc)},apply(e){return e.selection}}),new Bn(`storedMarks`,{init(e){return e.storedMarks||null},apply(e,t,n,r){return r.selection.$cursor?e.storedMarks:null}}),new Bn(`scrollToSelection`,{init(){return 0},apply(e,t){return e.scrolledIntoView?t+1:t}})],Hn=class{constructor(e,t){this.schema=e,this.plugins=[],this.pluginsByKey=Object.create(null),this.fields=Vn.slice(),t&&t.forEach(e=>{if(this.pluginsByKey[e.key])throw RangeError(`Adding different instances of a keyed plugin (`+e.key+`)`);this.plugins.push(e),this.pluginsByKey[e.key]=e,e.spec.state&&this.fields.push(new Bn(e.key,e.spec.state,e))})}},Un=class e{constructor(e){this.config=e}get schema(){return this.config.schema}get plugins(){return this.config.plugins}apply(e){return this.applyTransaction(e).state}filterTransaction(e,t=-1){for(let n=0;ne.toJSON())),e&&typeof e==`object`)for(let n in e){if(n==`doc`||n==`selection`)throw RangeError("The JSON fields `doc` and `selection` are reserved");let r=e[n],i=r.spec.state;i&&i.toJSON&&(t[n]=i.toJSON.call(r,this[r.key]))}return t}static fromJSON(t,n,r){if(!n)throw RangeError(`Invalid input for EditorState.fromJSON`);if(!t.schema)throw RangeError(`Required config field 'schema' missing`);let i=new Hn(t.schema,t.plugins),a=new e(i);return i.fields.forEach(e=>{if(e.name==`doc`)a.doc=me.fromJSON(t.schema,n.doc);else if(e.name==`selection`)a.selection=E.fromJSON(a.doc,n.selection);else if(e.name==`storedMarks`)n.storedMarks&&(a.storedMarks=n.storedMarks.map(t.schema.markFromJSON));else{if(r)for(let i in r){let o=r[i],s=o.spec.state;if(o.key==e.name&&s&&s.fromJSON&&Object.prototype.hasOwnProperty.call(n,i)){a[e.name]=s.fromJSON.call(o,t,n[i],a);return}}a[e.name]=e.init(t,a)}}),a}};function Wn(e,t,n){for(let r in e){let i=e[r];i instanceof Function?i=i.bind(t):r==`handleDOMEvents`&&(i=Wn(i,t,{})),n[r]=i}return n}var k=class{constructor(e){this.spec=e,this.props={},e.props&&Wn(e.props,this,this.props),this.key=e.key?e.key.key:Kn(`plugin`)}getState(e){return e[this.key]}},Gn=Object.create(null);function Kn(e){return e in Gn?e+`$`+ ++Gn[e]:(Gn[e]=0,e+`$`)}var A=class{constructor(e=`key`){this.key=Kn(e)}get(e){return e.config.pluginsByKey[this.key]}getState(e){return e[this.key]}},qn=(e,t)=>!e.selection.empty&&(t&&t(e.tr.deleteSelection().scrollIntoView()),!0);function Jn(e,t){let{$cursor:n}=e.selection;return!n||(t?!t.endOfTextblock(`backward`,e):n.parentOffset>0)?null:n}var Yn=(e,t,n)=>{let r=Jn(e,n);if(!r)return!1;let i=tr(r);if(!i){let n=r.blockRange(),i=n&&Lt(n);return i!=null&&(t&&t(e.tr.lift(n,i).scrollIntoView()),!0)}let a=i.nodeBefore;if(yr(e,i,t,-1))return!0;if(r.parent.content.size==0&&($n(a,`end`)||O.isSelectable(a)))for(let n=r.depth;;n--){let o=an(e.doc,r.before(n),r.after(n),y.empty);if(o&&o.slice.size1)break}return a.isAtom&&i.depth==r.depth-1?(t&&t(e.tr.delete(i.pos-a.nodeSize,i.pos).scrollIntoView()),!0):!1},Xn=(e,t,n)=>{let r=Jn(e,n);if(!r)return!1;let i=tr(r);return i?Qn(e,i,t):!1},Zn=(e,t,n)=>{let r=nr(e,n);if(!r)return!1;let i=ar(r);return i?Qn(e,i,t):!1};function Qn(e,t,n){let r=t.nodeBefore,i=t.pos-1;for(;!r.isTextblock;i--){if(r.type.spec.isolating)return!1;let e=r.lastChild;if(!e)return!1;r=e}let a=t.nodeAfter,o=t.pos+1;for(;!a.isTextblock;o++){if(a.type.spec.isolating)return!1;let e=a.firstChild;if(!e)return!1;a=e}let s=an(e.doc,i,o,y.empty);if(!s||s.from!=i||s instanceof At&&s.slice.size>=o-i)return!1;if(n){let t=e.tr.step(s);t.setSelection(D.create(t.doc,i)),n(t.scrollIntoView())}return!0}function $n(e,t,n=!1){for(let r=e;r;r=t==`start`?r.firstChild:r.lastChild){if(r.isTextblock)return!0;if(n&&r.childCount!=1)return!1}return!1}var er=(e,t,n)=>{let{$head:r,empty:i}=e.selection,a=r;if(!i)return!1;if(r.parent.isTextblock){if(n?!n.endOfTextblock(`backward`,e):r.parentOffset>0)return!1;a=tr(r)}let o=a&&a.nodeBefore;return!o||!O.isSelectable(o)?!1:(t&&t(e.tr.setSelection(O.create(e.doc,a.pos-o.nodeSize)).scrollIntoView()),!0)};function tr(e){if(!e.parent.type.spec.isolating)for(let t=e.depth-1;t>=0;t--){if(e.index(t)>0)return e.doc.resolve(e.before(t+1));if(e.node(t).type.spec.isolating)break}return null}function nr(e,t){let{$cursor:n}=e.selection;return!n||(t?!t.endOfTextblock(`forward`,e):n.parentOffset{let r=nr(e,n);if(!r)return!1;let i=ar(r);if(!i)return!1;let a=i.nodeAfter;if(yr(e,i,t,1))return!0;if(r.parent.content.size==0&&($n(a,`start`)||O.isSelectable(a))){let n=an(e.doc,r.before(),r.after(),y.empty);if(n&&n.slice.size{let{$head:r,empty:i}=e.selection,a=r;if(!i)return!1;if(r.parent.isTextblock){if(n?!n.endOfTextblock(`forward`,e):r.parentOffset=0;t--){let n=e.node(t);if(e.index(t)+1{let n=e.selection,r=n instanceof O,i;if(r){if(n.node.isTextblock||!Zt(e.doc,n.from))return!1;i=n.from}else if(i=en(e.doc,n.from,-1),i==null)return!1;if(t){let n=e.tr.join(i);r&&n.setSelection(O.create(n.doc,i-e.doc.resolve(i).nodeBefore.nodeSize)),t(n.scrollIntoView())}return!0},sr=(e,t)=>{let n=e.selection,r;if(n instanceof O){if(n.node.isTextblock||!Zt(e.doc,n.to))return!1;r=n.to}else if(r=en(e.doc,n.to,1),r==null)return!1;return t&&t(e.tr.join(r).scrollIntoView()),!0},cr=(e,t)=>{let{$from:n,$to:r}=e.selection,i=n.blockRange(r),a=i&&Lt(i);return a!=null&&(t&&t(e.tr.lift(i,a).scrollIntoView()),!0)},lr=(e,t)=>{let{$head:n,$anchor:r}=e.selection;return!n.parent.type.spec.code||!n.sameParent(r)?!1:(t&&t(e.tr.insertText(` +`).scrollIntoView()),!0)};function ur(e){for(let t=0;t{let{$head:n,$anchor:r}=e.selection;if(!n.parent.type.spec.code||!n.sameParent(r))return!1;let i=n.node(-1),a=n.indexAfter(-1),o=ur(i.contentMatchAt(a));if(!o||!i.canReplaceWith(a,a,o))return!1;if(t){let r=n.after(),i=e.tr.replaceWith(r,r,o.createAndFill());i.setSelection(E.near(i.doc.resolve(r),1)),t(i.scrollIntoView())}return!0},fr=(e,t)=>{let n=e.selection,{$from:r,$to:i}=n;if(n instanceof jn||r.parent.inlineContent||i.parent.inlineContent)return!1;let a=ur(i.parent.contentMatchAt(i.indexAfter()));if(!a||!a.isTextblock)return!1;if(t){let n=(!r.parentOffset&&i.index(){let{$cursor:n}=e.selection;if(!n||n.parent.content.size)return!1;if(n.depth>1&&n.after()!=n.end(-1)){let r=n.before();if(Yt(e.doc,r))return t&&t(e.tr.split(r).scrollIntoView()),!0}let r=n.blockRange(),i=r&&Lt(r);return i!=null&&(t&&t(e.tr.lift(r,i).scrollIntoView()),!0)};function mr(e){return(t,n)=>{if(t.selection instanceof O&&t.selection.node.isBlock){let{$from:e}=t.selection;return!e.parentOffset||!Yt(t.doc,e.pos)?!1:(n&&n(t.tr.split(e.pos).scrollIntoView()),!0)}if(!t.selection.$from.depth)return!1;let r=t.tr;!t.selection.empty&&(t.selection instanceof D||t.selection instanceof jn)&&r.deleteSelection();let{$from:i}=r.selection,a=r.steps.length,o=[],s,c,l=!1,u=!1;for(let t=i.depth;;t--)if(i.node(t).isBlock){l=i.end(t)==i.pos+(i.depth-t),u=i.start(t)==i.pos-(i.depth-t),c=ur(i.node(t-1).contentMatchAt(i.indexAfter(t-1)));let n=e&&e(i.parent,l,i);o.unshift(n||(l&&c?{type:c}:null)),s=t;break}else{if(t==1)return!1;o.unshift(null)}let d=i.pos,f=Yt(r.doc,d,o.length,o);if(f||(o[0]=c?{type:c}:null,f=Yt(r.doc,d,o.length,o)),!f)return!1;if(r.split(d,o.length,o),!l&&u&&i.node(s).type!=c){let e=r.mapping.slice(a),t=e.map(i.before(s)),n=r.doc.resolve(t);c&&i.node(s-1).canReplaceWith(n.index(),n.index()+1,c)&&r.setNodeMarkup(e.map(i.before(s)),c)}return n&&n(r.scrollIntoView()),!0}}var hr=mr(),gr=(e,t)=>{let{$from:n,to:r}=e.selection,i,a=n.sharedDepth(r);return a!=0&&(i=n.before(a),t&&t(e.tr.setSelection(O.create(e.doc,i))),!0)},_r=(e,t)=>(t&&t(e.tr.setSelection(new jn(e.doc))),!0);function vr(e,t,n){let r=t.nodeBefore,i=t.nodeAfter,a=t.index();return!r||!i||!r.type.compatibleContent(i.type)?!1:!r.content.size&&t.parent.canReplace(a-1,a)?(n&&n(e.tr.delete(t.pos-r.nodeSize,t.pos).scrollIntoView()),!0):!t.parent.canReplace(a,a+1)||!(i.isTextblock||Zt(e.doc,t.pos))?!1:(n&&n(e.tr.join(t.pos).scrollIntoView()),!0)}function yr(e,t,n,r){let i=t.nodeBefore,a=t.nodeAfter,o,s,c=i.type.spec.isolating||a.type.spec.isolating;if(!c&&vr(e,t,n))return!0;let l=!c&&t.parent.canReplace(t.index(),t.index()+1);if(l&&(o=(s=i.contentMatchAt(i.childCount)).findWrapping(a.type))&&s.matchType(o[0]||a.type).validEnd){if(n){let r=t.pos+a.nodeSize,s=p.empty;for(let e=o.length-1;e>=0;e--)s=p.from(o[e].create(null,s));s=p.from(i.copy(s));let c=e.tr.step(new jt(t.pos-1,r,t.pos,r,new y(s,1,0),o.length,!0)),l=c.doc.resolve(r+2*o.length);l.nodeAfter&&l.nodeAfter.type==i.type&&Zt(c.doc,l.pos)&&c.join(l.pos),n(c.scrollIntoView())}return!0}let u=a.type.spec.isolating||r>0&&c?null:E.findFrom(t,1),d=u&&u.$from.blockRange(u.$to),f=d&&Lt(d);if(f!=null&&f>=t.depth)return n&&n(e.tr.lift(d,f).scrollIntoView()),!0;if(l&&$n(a,`start`,!0)&&$n(i,`end`)){let r=i,o=[];for(;o.push(r),!r.isTextblock;)r=r.lastChild;let s=a,c=1;for(;!s.isTextblock;s=s.firstChild)c++;if(r.canReplace(r.childCount,r.childCount,s.content)){if(n){let r=p.empty;for(let e=o.length-1;e>=0;e--)r=p.from(o[e].copy(r));n(e.tr.step(new jt(t.pos-o.length,t.pos+a.nodeSize,t.pos+c,t.pos+a.nodeSize-c,new y(r,o.length,0),0,!0)).scrollIntoView())}return!0}}return!1}function br(e){return function(t,n){let r=t.selection,i=e<0?r.$from:r.$to,a=i.depth;for(;i.node(a).isInline;){if(!a)return!1;a--}return i.node(a).isTextblock?(n&&n(t.tr.setSelection(D.create(t.doc,e<0?i.start(a):i.end(a)))),!0):!1}}var xr=br(-1),Sr=br(1);function Cr(e,t=null){return function(n,r){let{$from:i,$to:a}=n.selection,o=i.blockRange(a),s=o&&zt(o,e,t);return s?(r&&r(n.tr.wrap(o,s).scrollIntoView()),!0):!1}}function wr(e,t=null){return function(n,r){let i=!1;for(let r=0;r{if(i)return!1;if(r.isTextblock&&!r.hasMarkup(e,t)){if(r.type==e)i=!0;else{let t=n.doc.resolve(a),r=t.index();i=t.parent.canReplaceWith(r,r+1,e)}}})}if(!i)return!1;if(r){let i=n.tr;for(let r=0;r=2&&t.$from.node(t.depth-1).type.compatibleContent(n)&&t.startIndex==0){if(t.$from.index(t.depth-1)==0)return!1;let e=o.resolve(t.start-2);a=new fe(e,e,t.depth),t.endIndex=0;e--)a=p.from(n[e].type.create(n[e].attrs,a));e.step(new jt(t.start-(r?2:0),t.end,t.start,t.end,new y(a,0,0),n.length,!0));let o=0;for(let e=0;e-1}function Pr(e){return function(t,n){let{$from:r,$to:i}=t.selection,a=r.blockRange(i,t=>t.childCount>0&&Nr(e,t.firstChild.type));return a?n?Nr(e,r.node(a.depth-1).type)?Fr(t,n,a):Ir(t,n,a):!0:!1}}function Fr(e,t,n){let r=e.tr,i=n.end,a=n.$to.end(n.depth),o=n.parent.child(n.endIndex-1).type;ia;t--)e-=i.child(t).nodeSize,r.delete(e-1,e+1);let a=r.doc.resolve(n.start),o=a.nodeAfter;if(r.mapping.map(n.end)!=n.start+a.nodeAfter.nodeSize)return!1;let s=n.startIndex==0,c=n.endIndex==i.childCount,l=a.node(-1),u=a.index(-1);if(!l.canReplace(u+ +!s,u+1,o.content.append(c?p.empty:p.from(i))))return!1;let d=a.pos,f=d+o.nodeSize;return r.step(new jt(d-+!!s,f+ +!!c,d+1,f-1,new y((s?p.empty:p.from(i.copy(p.empty))).append(c?p.empty:p.from(i.copy(p.empty))),+!s,+!c),+!s)),t(r.scrollIntoView()),!0}function Lr(e){return function(t,n){let{$from:r,$to:i}=t.selection,a=r.blockRange(i,t=>t.childCount>0&&Nr(e,t.firstChild.type));if(!a)return!1;let o=a.startIndex;if(o==0)return!1;let s=a.parent,c=s.child(o-1);if(!Nr(e,c.type))return!1;if(n){let e=c.lastChild&&c.lastChild.type==s.type,r=p.from(e?c.lastChild.lastChild.type.create():null),i=new y(p.from(c.type.create(null,p.from(s.type.create(null,r)))),e?3:1,0),o=a.start,l=a.end;n(t.tr.step(new jt(o-(e?3:1),l,o,l,i,1,!0)).scrollIntoView())}return!0}}var j=function(e){for(var t=0;;t++)if(e=e.previousSibling,!e)return t},Rr=function(e){let t=e.assignedSlot||e.parentNode;return t&&t.nodeType==11?t.host:t},zr=null,Br=function(e,t,n){let r=zr||(zr=document.createRange());return r.setEnd(e,n??e.nodeValue.length),r.setStart(e,t||0),r},Vr=function(){zr=null},Hr=function(e,t,n,r){return n&&(Wr(e,t,n,r,-1)||Wr(e,t,n,r,1))},Ur=/^(img|br|input|textarea|hr)$/i;function Wr(e,t,n,r,i){for(;;){if(e==n&&t==r)return!0;if(t==(i<0?0:M(e))){let n=e.parentNode;if(!n||!N(n)||Yr(e)||Ur.test(e.nodeName)||e.contentEditable==`false`)return!1;t=j(e)+(i<0?0:1),e=n}else if(N(e)){let n=e.childNodes[t+(i<0?-1:0)];if(N(n)&&n.contentEditable==`false`){if(n.pmViewDesc?.ignoreForSelection)t+=i;else return!1}else e=n,t=i<0?M(e):0}else return!1}}function M(e){return e.nodeType==3?e.nodeValue.length:e.childNodes.length}function N(e){return e.nodeType==1}function P(e){return e.nodeType==3}function Gr(e,t){return t?e.contains(N(t)?t:t.parentNode):!1}function Kr(e,t){for(;;){if(P(e)&&t)return e;if(N(e)&&t>0){if(e.contentEditable==`false`)return null;e=e.childNodes[t-1],t=M(e)}else if(e.parentNode&&!Yr(e))t=j(e),e=e.parentNode;else return null}}function qr(e,t){for(;;){if(P(e)&&t2),pi=fi||(ei?/Mac/.test(ei.platform):!1),mi=ei?/Win/.test(ei.platform):!1,hi=/Android \d/.test(ni),gi=!!ti&&`webkitFontSmoothing`in ti.documentElement.style,_i=gi?+(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent)||[0,0])[1]:0;function vi(e){let t=e.defaultView&&e.defaultView.visualViewport;return t?{left:0,right:t.width,top:0,bottom:t.height}:{left:0,right:e.documentElement.clientWidth,top:0,bottom:e.documentElement.clientHeight}}function yi(e,t){return typeof e==`number`?e:e[t]}function bi(e){let t=e.getBoundingClientRect(),n=t.width/e.offsetWidth||1,r=t.height/e.offsetHeight||1;return{left:t.left,right:t.left+e.clientWidth*n,top:t.top,bottom:t.top+e.clientHeight*r}}function xi(e,t,n){if(!Ii(t)&&t.left==0)return;let r=e.someProp(`scrollThreshold`)||0,i=e.someProp(`scrollMargin`)||5,a=e.dom.ownerDocument;for(let o=n||e.dom;o;){if(!N(o)){o=Rr(o);continue}let e=o==a.body,n=e?vi(a):bi(o),s=0,c=0;if(t.topn.bottom-yi(r,`bottom`)&&(c=t.bottom-t.top>n.bottom-n.top?t.top+yi(i,`top`)-n.top:t.bottom-n.bottom+yi(i,`bottom`)),t.leftn.right-yi(r,`right`)&&(s=t.right-n.right+yi(i,`right`)),s||c){if(e)a.defaultView.scrollBy(s,c);else{let e=o.scrollLeft,n=o.scrollTop;c&&(o.scrollTop+=c),s&&(o.scrollLeft+=s);let r=o.scrollLeft-e,i=o.scrollTop-n;t={left:t.left-r,top:t.top-i,right:t.right-r,bottom:t.bottom-i}}}let l=e?`fixed`:getComputedStyle(o).position;if(/^(fixed|sticky)$/.test(l))break;o=l==`absolute`?o.offsetParent:Rr(o)}}function Si(e){let t=e.dom.getBoundingClientRect(),n=Math.max(0,t.top),r,i;for(let a=(t.left+t.right)/2,o=n+1;o=n-20){r=t,i=s.top;break}}return{refDOM:r,refTop:i,stack:Ci(e.dom)}}function Ci(e){let t=[],n=e.ownerDocument;for(let r=e;r&&(t.push({dom:r,top:r.scrollTop,left:r.scrollLeft}),e!=n);r=Rr(r));return t}function wi({refDOM:e,refTop:t,stack:n}){let r=e?e.getBoundingClientRect().top:0;Ti(n,r==0?0:r-t)}function Ti(e,t){for(let n=0;n=s){o=Math.max(p.bottom,o),s=Math.min(p.top,s);let e=p.left>t.left?p.left-t.left:p.right=(p.left+p.right)/2));continue}}else p.top>t.top&&!c&&p.left<=t.left&&p.right>=t.left&&(c=u,l={left:Math.max(p.left,Math.min(p.right,t.left)),top:p.top});!n&&(t.left>=p.right&&t.top>=p.top||t.left>=p.left&&t.top>=p.bottom)&&(a=d+1)}}return!n&&c&&(n=c,i=l,r=0),n&&P(n)?ki(n,i):!n||r?{node:e,offset:a}:Oi(n,i)}function ki(e,t){let n=e.nodeValue.length,r=document.createRange(),i;for(let a=0;a=(n.left+n.right)/2)};break}}return r.detach(),i||{node:e,offset:0}}function Ai(e,t){return e.left>=t.left-1&&e.left<=t.right+1&&e.top>=t.top-1&&e.top<=t.bottom+1}function ji(e,t){let n=e.parentNode;return n&&/^li$/i.test(n.nodeName)&&t.left(e.left+e.right)/2?1:-1}return e.docView.posFromDOM(r,i,a)}function Ni(e,t,n,r){let i=-1;for(let n=t,a=!1;n!=e.dom;){let t=e.docView.nearestDesc(n,!0),o;if(!t)return null;if(N(t.dom)&&(t.node.isBlock&&t.parent||!t.contentDOM)&&((o=t.dom.getBoundingClientRect()).width||o.height)&&(t.node.isBlock&&t.parent&&!/^T(R|BODY|HEAD|FOOT)$/.test(t.dom.nodeName)&&(!a&&o.left>r.left||o.top>r.top?i=t.posBefore:(!a&&o.right-1?i:e.docView.posFromDOM(t,n,-1)}function Pi(e,t,n){let r=e.childNodes.length;if(r&&n.topt.top&&i++}let n;gi&&i&&N(r)&&N(n=r.childNodes[i-1])&&n.contentEditable==`false`&&n.getBoundingClientRect().top>=t.top&&i--,r==e.dom&&i==r.childNodes.length-1&&N(r.lastChild)&&t.top>r.lastChild.getBoundingClientRect().bottom?s=e.state.doc.content.size:i!=0&&N(r)&&r.childNodes[i-1].nodeName==`BR`||(s=Ni(e,r,i,t))}s??(s=Mi(e,o,t));let c=e.docView.nearestDesc(o,!0);return{pos:s,inside:c?c.posAtStart-c.border:-1}}function Ii(e){return e.top=0&&i==r.nodeValue.length?(e--,a=1):n<0?e--:t++,Bi(Li(Br(r,e,t),a),a<0)}}if(!e.state.doc.resolve(t-(a||0)).parent.inlineContent){if(a==null&&i&&(n<0||i==M(r))){let e=r.childNodes[i-1];if(N(e))return Vi(e.getBoundingClientRect(),!1)}if(a==null&&i=0)}if(a==null&&i&&(n<0||i==M(r))){let e=r.childNodes[i-1],t=P(e)?Br(e,M(e)-+!o):N(e)&&(e.nodeName!=`BR`||!e.nextSibling)?e:null;if(t)return Bi(Li(t,1),!1)}if(a==null&&i=0)}function Bi(e,t){if(e.width==0)return e;let n=t?e.left:e.right;return{top:e.top,bottom:e.bottom,left:n,right:n}}function Vi(e,t){if(e.height==0)return e;let n=t?e.top:e.bottom;return{top:n,bottom:n,left:e.left,right:e.right}}function Hi(e,t,n){let r=e.state,i=e.root.activeElement;r!=t&&e.updateState(t),i!=e.dom&&e.focus();try{return n()}finally{r!=t&&e.updateState(r),i!=e.dom&&i&&i.focus()}}function Ui(e,t,n){let r=t.selection,i=n==`up`?r.$from:r.$to;return Hi(e,t,()=>{let{node:t}=e.docView.domFromPos(i.pos,n==`up`?-1:1);for(;;){let n=e.docView.nearestDesc(t,!0);if(!n)break;if(n.node.isBlock){t=n.contentDOM||n.dom;break}t=n.dom.parentNode}let r=zi(e,i.pos,1);for(let e=t.firstChild;e;e=e.nextSibling){let t;if(N(e))t=e.getClientRects();else if(P(e))t=Br(e,0,e.nodeValue.length).getClientRects();else continue;for(let e=0;ei.top+1&&(n==`up`?r.top-i.top>(i.bottom-r.top)*2:i.bottom-r.bottom>(r.bottom-i.top)*2))return!1}}return!0})}var Wi=/[\u0590-\u08ac]/;function Gi(e,t,n){let{$head:r}=t.selection;if(!r.parent.isTextblock)return!1;let i=r.parentOffset,a=!i,o=i==r.parent.content.size,s=e.domSelection();return s?!Wi.test(r.parent.textContent)||!s.modify?n==`left`||n==`backward`?a:o:Hi(e,t,()=>{let{focusNode:t,focusOffset:i,anchorNode:a,anchorOffset:o}=e.domSelectionRange(),c=s.caretBidiLevel;s.modify(`move`,n,`character`);let l=r.depth?e.docView.domAfterPos(r.before()):e.dom,{focusNode:u,focusOffset:d}=e.domSelectionRange(),f=u&&!Gr(l,u)||t==u&&i==d;try{s.collapse(a,o),t&&(t!=a||i!=o)&&s.extend&&s.extend(t,i)}catch{}return c!=null&&(s.caretBidiLevel=c),f}):r.pos==r.start()||r.pos==r.end()}var Ki=null,qi=null,Ji=!1;function Yi(e,t,n){return Ki==t&&qi==n?Ji:(Ki=t,qi=n,Ji=n==`up`||n==`down`?Ui(e,t,n):Gi(e,t,n))}var Xi=0,Zi=1,Qi=2,$i=3,ea=class{constructor(e,t,n,r){this.parent=e,this.children=t,this.dom=n,this.contentDOM=r,this.dirty=Xi,n.pmViewDesc=this}matchesWidget(e){return!1}matchesMark(e){return!1}matchesNode(e,t,n){return!1}matchesHack(e){return!1}parseRule(e){return null}stopEvent(e){return!1}get size(){let e=0;for(let t=0;tj(this.contentDOM);else if(this.contentDOM&&this.contentDOM!=this.dom&&this.dom.contains(this.contentDOM)){let n=e.compareDocumentPosition(this.contentDOM);r=n&16?t>Array.from(e.childNodes).findIndex(e=>e.contains(this.contentDOM)):!(n&4)}else if(this.dom.firstChild){if(t==0)for(let t=e;;t=t.parentNode){if(t==this.dom){r=!1;break}if(t.previousSibling)break}if(r==null&&t==e.childNodes.length)for(let t=e;;t=t.parentNode){if(t==this.dom){r=!0;break}if(t.nextSibling)break}}return r??n>0?this.posAtEnd:this.posAtStart}nearestDesc(e,t=!1){for(let n=!0,r=e;r;r=r.parentNode){let i=this.getDesc(r),a;if(i&&(!t||i.node)){if(n&&(a=i.nodeDOM)&&!(N(a)?Gr(a,e):a==e))n=!1;else return i}}}getDesc(e){let t=e.pmViewDesc;for(let e=t;e;e=e.parent)if(e==this)return t}posFromDOM(e,t,n){for(let r=e;r;r=r.parentNode){let i=this.getDesc(r);if(i)return i.localPosFromDOM(e,t,n)}return-1}descAt(e){for(let t=0,n=0;te){r=e-t;break}t=a}if(r)return this.children[n].domFromPos(r-this.children[n].border,t);for(;n>0;n--){let e=this.children[n-1];if(e.size||!(e instanceof sa||e instanceof ta&&e.side>=0))break}if(t<=0){let e,r=!0;for(;e=n?this.children[n-1]:null,e&&e.dom.parentNode!=this.contentDOM;n--,r=!1);return e&&t&&r&&!e.border&&!e.domAtom?e.domFromPos(e.size,t):{node:this.contentDOM,offset:e?j(e.dom)+1:0}}{let e,r=!0;for(;e=n=i&&t<=s-n.border&&n.node&&n.contentDOM&&this.contentDOM.contains(n.contentDOM))return n.parseRange(e,t,i);e=a;for(let t=o;t>0;t--){let n=this.children[t-1];if(n.size&&n.dom.parentNode==this.contentDOM&&!n.emptyChildAt(1)){r=j(n.dom)+1;break}e-=n.size}r==-1&&(r=0)}if(r>-1&&(s>t||o==this.children.length-1)){t=s;for(let e=o+1;es&&at){let e=o;o=s,s=e}let n=document.createRange();n.setEnd(s.node,s.offset),n.setStart(o.node,o.offset),c.removeAllRanges(),c.addRange(n)}}ignoreMutation(e){return!this.contentDOM&&e.type!=`selection`}get contentLost(){return this.contentDOM&&this.contentDOM!=this.dom&&!this.dom.contains(this.contentDOM)}markDirty(e,t){for(let n=0,r=0;r=n:en){let r=n+i.border,o=a-i.border;if(e>=r&&t<=o){this.dirty=e==n||t==a?Qi:Zi,e==r&&t==o&&(i.contentLost||i.dom.parentNode!=this.contentDOM)?i.dirty=$i:i.markDirty(e-r,t-r);return}i.dirty=i.dom==i.contentDOM&&i.dom.parentNode==this.contentDOM&&!i.children.length?Qi:$i}n=a}this.dirty=Qi}markParentsDirty(){let e=1;for(let t=this.parent;t;t=t.parent,e++){let n=e==1?Qi:Zi;t.dirty{if(!i)return r;if(i.parent)return i.parent.posBeforeChild(i)})),!t.type.spec.raw){let e=N(a)?a:document.createElement(`span`);e!=a&&(e.appendChild(a),a=e),e.hasAttribute(`contenteditable`)||(e.contentEditable=`false`),e.classList.add(`ProseMirror-widget`)}super(e,[],a,null),this.widget=t,this.widget=t,i=this}matchesWidget(e){return this.dirty==Xi&&e.type.eq(this.widget.type)}parseRule(){return{ignore:!0}}stopEvent(e){let t=this.widget.spec.stopEvent;return t?t(e):!1}ignoreMutation(e){return e.type!=`selection`||this.widget.spec.ignoreSelection}destroy(){this.widget.type.destroy(this.dom),super.destroy()}get domAtom(){return!0}get ignoreForSelection(){return!!this.widget.type.spec.relaxedSide}get side(){return this.widget.type.side}},na=class extends ea{constructor(e,t,n,r){super(e,[],t,null),this.textDOM=n,this.text=r}get size(){return this.text.length}localPosFromDOM(e,t){return e==this.textDOM?this.posAtStart+t:this.posAtStart+(t?this.size:0)}domFromPos(e){return{node:this.textDOM,offset:e}}ignoreMutation(e){return e.type===`characterData`&&e.target.nodeValue==e.oldValue}},ra=class e extends ea{constructor(e,t,n,r,i){super(e,[],n,r),this.mark=t,this.spec=i}static create(t,n,r,i){let a=i.nodeViews[n.type.name],o=a&&a(n,i,r);return o&&o.dom||(o=rt.renderSpec(document,n.type.spec.toDOM(n,r),null,n.attrs)),new e(t,n,o.dom,o.contentDOM||o.dom,o)}parseRule(){return this.dirty&$i||this.mark.type.spec.reparseInView?null:{mark:this.mark.type.name,attrs:this.mark.attrs,contentElement:this.contentDOM}}matchesMark(e){return this.dirty!=$i&&this.mark.eq(e)}markDirty(e,t){if(super.markDirty(e,t),this.dirty!=Xi){let e=this.parent;for(;!e.node;)e=e.parent;e.dirty0&&(a=wa(a,0,t,r));for(let e=0;e{if(!c)return o;if(c.parent)return c.parent.posBeforeChild(c)},r,i),u=l&&l.dom,d=l&&l.contentDOM;if(n.isText){if(!u)u=document.createTextNode(n.text);else if(!P(u))throw RangeError(`Text must be rendered as a DOM text node`)}else if(!u){let e=rt.renderSpec(document,n.type.spec.toDOM(n),null,n.attrs);({dom:u,contentDOM:d}=e)}!d&&!n.isText&&u.nodeName!=`BR`&&(u.hasAttribute(`contenteditable`)||(u.contentEditable=`false`),n.type.spec.draggable&&(u.draggable=!0));let f=u;return u=ha(u,r,n),l?c=new ca(t,n,r,i,u,d||null,f,l):n.isText?new oa(t,n,r,i,u,f):new e(t,n,r,i,u,d||null,f)}parseRule(e){if(this.node.type.spec.reparseInView)return null;let t={node:this.node.type.name,attrs:this.node.attrs};if(this.node.type.whitespace==`pre`&&(t.preserveWhitespace=`full`),!this.contentDOM)t.getContent=()=>this.node.content;else if(!this.contentLost)t.contentElement=this.contentDOM;else{for(let e=this.children.length-1;e>=0;e--){let n=this.children[e];if(this.dom.contains(n.dom.parentNode)){t.contentElement=n.dom.parentNode;break}}if(!t.contentElement){let n=e&&e.find(t=>N(t)&&e.indexOf(t.parentNode)<0&&this.dom.contains(t));n?t.contentElement=n:t.getContent=()=>p.empty}}return t}matchesNode(e,t,n){return this.dirty==Xi&&e.eq(this.node)&&ga(t,this.outerDeco)&&n.eq(this.innerDeco)}get size(){return this.node.nodeSize}get border(){return+!this.node.isLeaf}updateChildren(e,t){let n=this.node.inlineContent,r=t,i=e.composing?this.localCompositionInfo(e,t):null,a=i&&i.pos>-1?i:null,o=i&&i.pos<0,s=new va(this,a&&a.node,e),c=this.node.inlineContent,l=c&&this.node.isBlock;xa(this.node,this.innerDeco,(t,i,a)=>{t.spec.marks?s.syncToMarks(t.spec.marks,n,e,i):t.type.side>=0&&!a&&s.syncToMarks(i==this.node.childCount?_.none:this.node.child(i).marks,n,e,i),s.placeWidget(t,e,r)},(t,a,u,d)=>{s.syncToMarks(t.marks,n,e,d),l&&t.isAtom&&!t.isText&&s.addHackNode(`IMG`,s.top);let f;s.findNodeMatch(t,a,u,d)||o&&e.state.selection.from>r&&e.state.selection.to-1&&s.updateNodeAt(t,a,u,f,e)||s.updateNextNode(t,a,u,e,d,r)||s.addNode(t,a,u,e,r),r+=t.nodeSize,c&&(l=t.isAtom&&!t.isText)}),s.syncToMarks([],n,e,0),this.node.isTextblock&&s.addTextblockHacks(),s.destroyRest(),(s.changed||this.dirty==Qi)&&(a&&this.protectLocalComposition(e,a),la(this.contentDOM,this.children,e),fi&&Sa(this.dom))}localCompositionInfo(e,t){let{from:n,to:r}=e.state.selection;if(!(e.state.selection instanceof D)||nt+this.node.content.size)return null;let i=e.input.compositionNode;if(!i||!this.dom.contains(i.parentNode))return null;if(this.node.inlineContent){let e=i.nodeValue,a=Ca(this.node.content,e,n-t,r-t);return a<0?null:{node:i,pos:a,text:e}}return{node:i,pos:-1,text:``}}protectLocalComposition(e,{node:t,pos:n,text:r}){if(this.getDesc(t))return;let i=t;for(;i.parentNode!=this.contentDOM;i=i.parentNode){for(;i.previousSibling;)i.parentNode.removeChild(i.previousSibling);for(;i.nextSibling;)i.parentNode.removeChild(i.nextSibling);i.pmViewDesc&&(i.pmViewDesc=void 0)}let a=new na(this,i,t,r);e.input.compositionNodes.push(a),this.children=wa(this.children,n,n+r.length,e,a)}update(e,t,n,r){return this.dirty==$i||!e.sameMarkup(this.node)?!1:(this.updateInner(e,t,n,r),!0)}updateInner(e,t,n,r){this.updateOuterDeco(t),this.node=e,this.innerDeco=n,this.contentDOM&&this.updateChildren(r,this.posAtStart),this.dirty=Xi}updateOuterDeco(e){if(ga(e,this.outerDeco))return;let t=!N(this.nodeDOM),n=this.dom;this.dom=pa(this.dom,this.nodeDOM,fa(this.outerDeco,this.node,t),fa(e,this.node,t)),this.dom!=n&&(n.pmViewDesc=void 0,this.dom.pmViewDesc=this),this.outerDeco=e}selectNode(){N(this.nodeDOM)&&(this.nodeDOM.classList.add(`ProseMirror-selectednode`),(this.contentDOM||!this.node.type.spec.draggable)&&(this.nodeDOM.draggable=!0))}deselectNode(){N(this.nodeDOM)&&(this.nodeDOM.classList.remove(`ProseMirror-selectednode`),(this.contentDOM||!this.node.type.spec.draggable)&&this.nodeDOM.removeAttribute(`draggable`))}get domAtom(){return this.node.isAtom}};function aa(e,t,n,r,i){ha(r,t,e);let a=new ia(void 0,e,t,n,r,r,r);return a.contentDOM&&a.updateChildren(i,0),a}var oa=class e extends ia{constructor(e,t,n,r,i,a){super(e,t,n,r,i,null,a)}parseRule(){let e=this.nodeDOM.parentNode;for(;e&&e!=this.dom&&!e.pmIsDeco;)e=e.parentNode;return{skip:e||!0}}update(e,t,n,r){return this.dirty==$i||this.dirty!=Xi&&!this.inParent()||!e.sameMarkup(this.node)?!1:(this.updateOuterDeco(t),(this.dirty!=Xi||e.text!=this.node.text)&&e.text!=this.nodeDOM.nodeValue&&(this.nodeDOM.nodeValue=e.text,r.trackWrites==this.nodeDOM&&(r.trackWrites=null)),this.node=e,this.dirty=Xi,!0)}inParent(){let e=this.parent.contentDOM;for(let t=this.nodeDOM;t;t=t.parentNode)if(t==e)return!0;return!1}domFromPos(e){return{node:this.nodeDOM,offset:e}}localPosFromDOM(e,t,n){return e==this.nodeDOM?this.posAtStart+Math.min(t,this.node.text.length):super.localPosFromDOM(e,t,n)}ignoreMutation(e){return e.type!=`characterData`&&e.type!=`selection`}slice(t,n,r){let i=this.node.cut(t,n),a=document.createTextNode(i.text);return new e(this.parent,i,this.outerDeco,this.innerDeco,a,a)}markDirty(e,t){super.markDirty(e,t),this.dom!=this.nodeDOM&&(e==0||t==this.nodeDOM.nodeValue.length)&&(this.dirty=$i)}get domAtom(){return!1}isText(e){return this.node.text==e}},sa=class extends ea{parseRule(){return{ignore:!0}}matchesHack(e){return this.dirty==Xi&&this.dom.nodeName==e}get domAtom(){return!0}get ignoreForCoords(){return this.dom.nodeName==`IMG`}},ca=class extends ia{constructor(e,t,n,r,i,a,o,s){super(e,t,n,r,i,a,o),this.spec=s}update(e,t,n,r){if(this.dirty==$i)return!1;if(this.spec.update&&(this.node.type==e.type||this.spec.multiType)){let i=this.spec.update(e,t,n);return i&&this.updateInner(e,t,n,r),i}return!this.contentDOM&&!e.isLeaf?!1:super.update(e,t,n,r)}selectNode(){this.spec.selectNode?this.spec.selectNode():super.selectNode()}deselectNode(){this.spec.deselectNode?this.spec.deselectNode():super.deselectNode()}setSelection(e,t,n,r){this.spec.setSelection?this.spec.setSelection(e,t,n.root):super.setSelection(e,t,n,r)}destroy(){this.spec.destroy&&this.spec.destroy(),super.destroy()}stopEvent(e){return this.spec.stopEvent?this.spec.stopEvent(e):!1}ignoreMutation(e){return this.spec.ignoreMutation?this.spec.ignoreMutation(e):super.ignoreMutation(e)}};function la(e,t,n){let r=e.firstChild,i=!1;for(let a=0;a>1,o=Math.min(a,e.length);for(;i-1)i>this.index&&(this.changed=!0,this.destroyBetween(this.index,i)),this.top=this.top.children[this.index];else{let r=ra.create(this.top,e[a],t,n);this.top.children.splice(this.index,0,r),this.top=r,this.changed=!0}this.index=0,a++}}findNodeMatch(e,t,n,r){let i=-1,a;if(r>=this.preMatch.index&&(a=this.preMatch.matches[r-this.preMatch.index]).parent==this.top&&a.matchesNode(e,t,n))i=this.top.children.indexOf(a,this.index);else for(let r=this.index,a=Math.min(this.top.children.length,r+5);r0;){let s;for(;;)if(r){let e=n.children[r-1];if(e instanceof ra)n=e,r=e.children.length;else{s=e,r--;break}}else if(n==t)break outer;else r=n.parent.children.indexOf(n),n=n.parent;let c=s.node;if(c){if(c!=e.child(i-1))break;--i,a.set(s,i),o.push(s)}}return{index:i,matched:a,matches:o.reverse()}}function ba(e,t){return e.type.side-t.type.side}function xa(e,t,n,r){let i=t.locals(e),a=0;if(i.length==0){for(let n=0;na;)s.push(i[o++]);let m=a+f.nodeSize;if(f.isText){let e=m;o!e.inline):s.slice();r(f,h,t.forChild(a,f),p),a=m}}function Sa(e){if(e.nodeName==`UL`||e.nodeName==`OL`){let t=e.style.cssText;e.style.cssText=t+`; list-style: square !important`,window.getComputedStyle(e).listStyle,e.style.cssText=t}}function Ca(e,t,n,r){for(let i=0,a=0;i=n){if(a>=r&&c.slice(r-t.length-s,r-s)==t)return r-t.length;let e=s=0&&e+t.length+s>=n)return s+e;if(n==r&&c.length>=r+t.length-s&&c.slice(r-s,r-s+t.length)==t)return r}}return-1}function wa(e,t,n,r,i){let a=[];for(let o=0,s=0;o=n||u<=t?a.push(c):(ln&&a.push(c.slice(n-l,c.size,r)))}return a}function Ta(e,t=null){let n=e.domSelectionRange(),r=e.state.doc;if(!n.focusNode)return null;let i=e.docView.nearestDesc(n.focusNode),a=i&&i.size==0,o=e.docView.posFromDOM(n.focusNode,n.focusOffset,1);if(o<0)return null;let s=r.resolve(o),c,l;if(Xr(n)){for(c=o;i&&!i.node;)i=i.parent;if(i&&i.node.isAtom&&O.isSelectable(i.node)&&i.parent&&!(i.node.isInline&&Jr(n.focusNode,n.focusOffset,i.dom))){let e=i.posBefore;l=new O(o==e?s:r.resolve(e))}else if(ci&&t==`key`&&o>e.state.selection.to&&N(n.focusNode)&&n.focusOffset==n.focusNode.childNodes.length&&i&&i.posAtStart>e.state.selection.to)for(let e=n.focusNode;;e=e.parentNode){if(getComputedStyle(e).overflow!=`visible`){l=E.findFrom(r.resolve(i.posAtStart),1);break}if(e==i.dom||e.nextSibling||!e.parentNode||!N(e.parentNode))break}}else{if(n instanceof e.dom.ownerDocument.defaultView.Selection&&n.rangeCount>1){let t=o,i=o;for(let r=0;r{(n.anchorNode!=r||n.anchorOffset!=i)&&(t.removeEventListener(`selectionchange`,e.input.hideSelectionGuard),setTimeout(()=>{(!Ea(e)||e.state.selection.visible)&&e.dom.classList.remove(`ProseMirror-hideselection`)},20))})}function Na(e){let t=e.domSelection();if(!t)return;let n=e.cursorWrapper.dom,r=n.nodeName==`IMG`;r?t.collapse(n.parentNode,j(n)+1):t.collapse(n,0),!r&&!e.state.selection.visible&&oi&&si<=11&&(n.disabled=!0,n.disabled=!1)}function Pa(e,t){if(t instanceof O){let n=e.docView.descAt(t.from);n!=e.lastSelectedViewDesc&&(Fa(e),n&&n.selectNode(),e.lastSelectedViewDesc=n)}else Fa(e)}function Fa(e){e.lastSelectedViewDesc&&(e.lastSelectedViewDesc.parent&&e.lastSelectedViewDesc.deselectNode(),e.lastSelectedViewDesc=void 0)}function Ia(e,t,n,r){return e.someProp(`createSelectionBetween`,r=>r(e,t,n))||D.between(t,n,r)}function La(e){return e.editable&&!e.hasFocus()?!1:Ra(e)}function Ra(e){let t=e.domSelectionRange();if(!t.anchorNode)return!1;try{return Gr(e.dom,t.anchorNode)&&(e.editable||Gr(e.dom,t.focusNode))}catch{return!1}}function za(e){let t=e.docView.domFromPos(e.state.selection.anchor,0),n=e.domSelectionRange();return Hr(t.node,t.offset,n.anchorNode,n.anchorOffset)}function Ba(e,t){let{$anchor:n,$head:r}=e.selection,i=t>0?n.max(r):n.min(r),a=i.parent.inlineContent?i.depth?e.doc.resolve(t>0?i.after():i.before()):null:i;return a&&E.findFrom(a,t)}function Va(e,t){return e.dispatch(e.state.tr.setSelection(t).scrollIntoView()),!0}function Ha(e,t,n){let r=e.state.selection;if(r instanceof D){if(n.indexOf(`s`)>-1){let{$head:n}=r,i=n.textOffset?null:t<0?n.nodeBefore:n.nodeAfter;if(!i||i.isText||!i.isLeaf)return!1;let a=e.state.doc.resolve(n.pos+i.nodeSize*(t<0?-1:1));return Va(e,new D(r.$anchor,a))}if(!r.empty)return!1;if(e.endOfTextblock(t>0?`forward`:`backward`)){let n=Ba(e.state,t);return n&&n instanceof O?Va(e,n):!1}if(!pi||n.indexOf(`m`)<0){let n=r.$head,i=n.textOffset?null:t<0?n.nodeBefore:n.nodeAfter,a;if(!i||i.isText)return!1;let o=t<0?n.pos-i.nodeSize:n.pos;return i.isAtom||(a=e.docView.descAt(o))&&!a.contentDOM?O.isSelectable(i)?Va(e,new O(t<0?e.state.doc.resolve(n.pos-i.nodeSize):n)):Va(e,new D(e.state.doc.resolve(t<0?o:o+i.nodeSize))):!1}}else if(r instanceof O&&r.node.isInline)return Va(e,new D(t>0?r.$to:r.$from));else{let n=Ba(e.state,t);return n?Va(e,n):!1}}function Ua(e,t){let n=e.pmViewDesc;return n?n.size==0&&(t<0||e.nextSibling||e.nodeName!=`BR`):N(e)&&e.contentEditable==`false`}function Wa(e,t){return t<0?Ga(e):Ka(e)}function Ga(e){let t=e.domSelectionRange(),n=t.focusNode,r=t.focusOffset;if(!n)return;let i,a,o=!1;for(ci&&N(n)&&r0){if(!N(n))break;let e=n.childNodes[r-1];if(Ua(e,-1))i=n,a=--r;else if(P(e))n=e,r=n.nodeValue.length;else break}else if(qa(n))break;else{let t=n.previousSibling;for(;t&&Ua(t,-1);)i=n.parentNode,a=j(t),t=t.previousSibling;if(t)n=t,r=M(n);else{if(n=n.parentNode,n==e.dom)break;r=0}}o?Xa(e,n,r):i&&Xa(e,i,a)}function Ka(e){let t=e.domSelectionRange(),n=t.focusNode,r=t.focusOffset;if(!n)return;let i=M(n),a,o;for(;;)if(r{e.state==a&&Da(e)},50)}function Za(e,t){let n=e.state.doc.resolve(t);if(!(F||mi)&&n.parent.inlineContent){let r=e.coordsAtPos(t);if(t>n.start()){let n=e.coordsAtPos(t-1),i=(n.top+n.bottom)/2;if(i>r.top&&i1)return n.leftr.top&&i1)return n.left>r.left?`ltr`:`rtl`}}let r=e.dom;for(let t=n.depth;t>0;t--)if(n.node(t).isBlock){r=e.nodeDOM(n.before(t))||r;break}return getComputedStyle(r).direction==`rtl`?`rtl`:`ltr`}function Qa(e,t,n){let r=e.state.selection;if(r instanceof D&&!r.empty||n.indexOf(`s`)>-1||pi&&n.indexOf(`m`)>-1)return!1;let{$from:i,$to:a}=r;if(!i.parent.inlineContent||e.endOfTextblock(t<0?`up`:`down`)){let n=Ba(e.state,t);if(n&&n instanceof O)return Va(e,n)}if(!i.parent.inlineContent){let n=t<0?i:a,o=r instanceof jn?E.near(n,t):E.findFrom(n,t);return o?Va(e,o):!1}return!1}function $a(e,t){if(!(e.state.selection instanceof D))return!0;let{$head:n,$anchor:r,empty:i}=e.state.selection;if(!n.sameParent(r))return!0;if(!i)return!1;if(e.endOfTextblock(t>0?`forward`:`backward`))return!0;let a=!n.textOffset&&(t<0?n.nodeBefore:n.nodeAfter);if(a&&!a.isText){let r=e.state.tr;return t<0?r.delete(n.pos-a.nodeSize,n.pos):r.delete(n.pos,n.pos+a.nodeSize),e.dispatch(r),!0}return!1}function eo(e,t,n){e.domObserver.stop(),t.contentEditable=n,e.domObserver.start()}function to(e){if(!di||e.state.selection.$head.parentOffset>0)return!1;let{focusNode:t,focusOffset:n}=e.domSelectionRange();if(t&&N(t)&&n==0&&t.firstChild&&N(t.firstChild)&&t.firstChild.contentEditable==`false`){let n=t.firstChild;eo(e,n,`true`),setTimeout(()=>eo(e,n,`false`),20)}return!1}function no(e){let t=``;return e.ctrlKey&&(t+=`c`),e.metaKey&&(t+=`m`),e.altKey&&(t+=`a`),e.shiftKey&&(t+=`s`),t}function ro(e,t){let n=t.keyCode,r=no(t);if(n==8||pi&&n==72&&r==`c`)return $a(e,-1)||Wa(e,-1);if(n==46&&!t.shiftKey||pi&&n==68&&r==`c`)return $a(e,1)||Wa(e,1);if(n==13||n==27)return!0;if(n==37||pi&&n==66&&r==`c`){let t=n==37?Za(e,e.state.selection.from)==`ltr`?-1:1:-1;return Ha(e,t,r)||Wa(e,t)}if(n==39||pi&&n==70&&r==`c`){let t=n==39?Za(e,e.state.selection.from)==`ltr`?1:-1:1;return Ha(e,t,r)||Wa(e,t)}return n==38||pi&&n==80&&r==`c`?Qa(e,-1,r)||Wa(e,-1):n==40||pi&&n==78&&r==`c`?to(e)||Qa(e,1,r)||Wa(e,1):!(r!=(pi?`m`:`c`)||n!=66&&n!=73&&n!=89&&n!=90)}function io(e,t){e.someProp(`transformCopied`,n=>{t=n(t,e)});let n=[],{content:r,openStart:i,openEnd:a}=t;for(;i>1&&a>1&&r.childCount==1&&r.firstChild.childCount==1;){i--,a--;let e=r.firstChild;n.push(e.type.name,e.attrs==e.type.defaultAttrs?null:e.attrs),r=e.content}let o=e.someProp(`clipboardSerializer`)||rt.fromSchema(e.state.schema),s=ho(),c=s.createElement(`div`);c.appendChild(o.serializeFragment(r,{document:s}));let l=c.firstChild,u,d=0;for(;l&&N(l)&&(u=mo[l.nodeName.toLowerCase()]);){for(let e=u.length-1;e>=0;e--){let t=s.createElement(u[e]);for(;c.firstChild;)t.appendChild(c.firstChild);c.appendChild(t),d++}l=c.firstChild}return l&&N(l)&&l.setAttribute(`data-pm-slice`,`${i} ${a}${d?` -${d}`:``} ${JSON.stringify(n)}`),{dom:c,text:e.someProp(`clipboardTextSerializer`,n=>n(t,e))||t.content.textBetween(0,t.content.size,` + +`),slice:t}}function ao(e,t,n,r,i){let a=i.parent.type.spec.code,o,s;if(!n&&!t)return null;let c=!!t&&(r||a||!n);if(c){if(e.someProp(`transformPastedText`,n=>{t=n(t,a||r,e)}),a)return s=new y(p.from(e.state.schema.text(t.replace(/\r\n?/g,` +`))),0,0),e.someProp(`transformPasted`,t=>{s=t(s,e,!0)}),s;let n=e.someProp(`clipboardTextParser`,n=>n(t,i,r,e));if(n)s=n;else{let n=i.marks(),{schema:r}=e.state,a=rt.fromSchema(r);o=document.createElement(`div`),t.split(/(?:\r\n?|\n)+/).forEach(e=>{let t=o.appendChild(document.createElement(`p`));e&&t.appendChild(a.serializeNode(r.text(e,n)))})}}else e.someProp(`transformPastedHTML`,t=>{n=t(n,e)}),o=vo(n),gi&&yo(o);let l=o&&o.querySelector(`[data-pm-slice]`),u=l&&/^(\d+) (\d+)(?: -(\d+))? (.*)/.exec(l.getAttribute(`data-pm-slice`)||``);if(u&&u[3])for(let e=+u[3];e>0;e--){let e=o.firstChild;for(;e&&!N(e);)e=e.nextSibling;if(!e)break;o=e}if(s||(s=(e.someProp(`clipboardParser`)||e.someProp(`domParser`)||Ue.fromSchema(e.state.schema)).parseSlice(o,{preserveWhitespace:!!(c||u),context:i,ruleFromNode(e){return e.nodeName==`BR`&&!e.nextSibling&&e.parentNode&&!oo.test(e.parentNode.nodeName)?{ignore:!0}:null}})),u)s=bo(po(s,+u[1],+u[2]),u[4]);else if(s=y.maxOpen(so(s.content,i),!0),s.openStart||s.openEnd){let e=0,t=0;for(let t=s.content.firstChild;e{s=t(s,e,c)}),s}var oo=/^(a|abbr|acronym|b|cite|code|del|em|i|ins|kbd|label|output|q|ruby|s|samp|span|strong|sub|sup|time|u|tt|var)$/i;function so(e,t){if(e.childCount<2)return e;for(let n=t.depth;n>=0;n--){let r=t.node(n).contentMatchAt(t.index(n)),i,a=[];if(e.forEach(e=>{if(!a)return;let t=r.findWrapping(e.type),n;if(!t)return a=null;if(n=a.length&&i.length&&lo(t,i,e,a[a.length-1],0))a[a.length-1]=n;else{a.length&&(a[a.length-1]=uo(a[a.length-1],i.length));let n=co(e,t);a.push(n),r=r.matchType(n.type),i=t}}),a)return p.from(a)}return e}function co(e,t,n=0){for(let r=t.length-1;r>=n;r--)e=t[r].create(null,p.from(e));return e}function lo(e,t,n,r,i){if(i1&&(a=0),i=n&&(s=t<0?o.contentMatchAt(0).fillBefore(s,a<=i).append(s):s.append(o.contentMatchAt(o.childCount).fillBefore(p.empty,!0))),e.replaceChild(t<0?0:e.childCount-1,o.copy(s))}function po(e,t,n){return te})}return go.createHTML(e)}function vo(e){let t=/^(\s*]*>)*/.exec(e);t&&(e=e.slice(t[0].length));let n=ho(),r=n.body,i=/<([a-z][^>\s]+)/i.exec(e),a;if((a=i&&mo[i[1].toLowerCase()])&&(e=a.map(e=>`<`+e+`>`).join(``)+e+a.map(e=>``).reverse().join(``)),r.innerHTML=_o(e),a)for(let e=0;e=0;e-=2){let t=n.nodes[r[e]];if(!t||t.hasRequiredAttrs())break;try{i=p.from(t.create(r[e+1],i))}catch{break}a++,o++}return new y(i,a,o)}var xo={},So={},Co={touchstart:!0,touchmove:!0},wo=class{constructor(){this.shiftKey=!1,this.mouseDown=null,this.lastKeyCode=null,this.lastKeyCodeTime=0,this.lastKeyDispatched=!1,this.lastClick={time:0,x:0,y:0,type:``,button:0},this.lastSelectionOrigin=null,this.lastSelectionTime=0,this.lastIOSEnter=0,this.lastIOSEnterFallbackTimeout=-1,this.lastFocus=0,this.lastTouch=0,this.lastChromeDelete=0,this.composing=!1,this.compositionNode=null,this.composingTimeout=-1,this.compositionNodes=[],this.compositionEndedAt=-2e8,this.compositionID=1,this.badSafariComposition=!1,this.compositionPendingChanges=0,this.domChangeCount=0,this.eventHandlers=Object.create(null),this.hideSelectionGuard=null}};function To(e){for(let t in xo){let n=xo[t];e.dom.addEventListener(t,e.input.eventHandlers[t]=t=>{Ao(e,t)&&!ko(e,t)&&(e.editable||!(t.type in So))&&n(e,t)},Co[t]?{passive:!0}:void 0)}di&&e.dom.addEventListener(`input`,()=>null),Oo(e)}function Eo(e,t){e.input.lastSelectionOrigin=t,e.input.lastSelectionTime=Date.now()}function Do(e){e.input.mouseDown&&e.input.mouseDown.done(),e.domObserver.stop();for(let t in e.input.eventHandlers)e.dom.removeEventListener(t,e.input.eventHandlers[t]);clearTimeout(e.input.composingTimeout),clearTimeout(e.input.lastIOSEnterFallbackTimeout)}function Oo(e){e.someProp(`handleDOMEvents`,t=>{for(let n in t)e.input.eventHandlers[n]||e.dom.addEventListener(n,e.input.eventHandlers[n]=t=>ko(e,t))})}function ko(e,t){return e.someProp(`handleDOMEvents`,n=>{let r=n[t.type];return r?r(e,t)||t.defaultPrevented:!1})}function Ao(e,t){if(!t.bubbles)return!0;if(t.defaultPrevented)return!1;for(let n=t.target;n!=e.dom;n=n.parentNode)if(!n||n.nodeType==11||n.pmViewDesc&&n.pmViewDesc.stopEvent(t))return!1;return!0}function jo(e,t){!ko(e,t)&&xo[t.type]&&(e.editable||!(t.type in So))&&xo[t.type](e,t)}function Mo(e,t){let{input:n}=e;return n.lastKeyDispatched||e.composing?!1:(n.lastKeyDispatched=!0,typeof t==`string`&&(t=Zr(t==`Backspace`?8:13,t)),e.someProp(`handleKeyDown`,n=>n(e,t)))}So.keydown=(e,t)=>{let n=t;if(e.input.shiftKey=n.keyCode==16||n.shiftKey,!Yo(e)&&(e.input.lastKeyCode=n.keyCode,e.input.lastKeyCodeTime=Date.now(),e.input.lastKeyDispatched=!1,!(hi&&F&&n.keyCode==13))){if(n.keyCode!=229&&e.domObserver.forceFlush(),fi&&n.keyCode==13&&!n.ctrlKey&&!n.altKey&&!n.metaKey){let t=Date.now();e.input.lastIOSEnter=t,e.input.lastIOSEnterFallbackTimeout=setTimeout(()=>{e.input.lastIOSEnter==t&&(Mo(e,`Enter`),e.input.lastIOSEnter=0)},200)}else Mo(e,n)||ro(e,n)?n.preventDefault():Eo(e,`key`)}},So.keyup=(e,t)=>{t.keyCode==16&&(e.input.shiftKey=!1)},So.keypress=(e,t)=>{let n=t;if(Yo(e)||!n.charCode||n.ctrlKey&&!n.altKey||pi&&n.metaKey)return;if(e.someProp(`handleKeyPress`,t=>t(e,n))){n.preventDefault();return}let r=e.state.selection;if(!(r instanceof D)||!r.$from.sameParent(r.$to)){let t=String.fromCharCode(n.charCode),i=()=>e.state.tr.insertText(t).scrollIntoView();!/[\r\n]/.test(t)&&!e.someProp(`handleTextInput`,n=>n(e,r.$from.pos,r.$to.pos,t,i))&&e.dispatch(i()),n.preventDefault()}};function No(e){return{left:e.clientX,top:e.clientY}}function Po(e,t){let n=t.x-e.clientX,r=t.y-e.clientY;return n*n+r*r<100}function Fo(e,t,n,r,i){if(r==-1)return!1;let a=e.state.doc.resolve(r);for(let r=a.depth+1;r>0;r--)if(e.someProp(t,t=>r>a.depth?t(e,n,a.nodeAfter,a.before(r),i,!0):t(e,n,a.node(r),a.before(r),i,!1)))return!0;return!1}function Io(e,t,n){if(e.focused||e.focus(),e.state.selection.eq(t))return;let r=e.state.tr.setSelection(t);r.setMeta(`pointer`,!0),e.dispatch(r)}function Lo(e,t){if(t==-1)return!1;let n=e.state.doc.resolve(t),r=n.nodeAfter;return r&&r.isAtom&&O.isSelectable(r)?(Io(e,new O(n)),!0):!1}function Ro(e,t){if(t==-1)return!1;let n=e.state.selection,r,i;n instanceof O&&(r=n.node);let a=e.state.doc.resolve(t);for(let e=a.depth+1;e>0;e--){let t=e>a.depth?a.nodeAfter:a.node(e);if(O.isSelectable(t)){i=r&&n.$from.depth>0&&e>=n.$from.depth&&a.before(n.$from.depth+1)==n.$from.pos?a.before(n.$from.depth):a.before(e);break}}return i!=null&&(Io(e,O.create(e.state.doc,i)),!0)}function zo(e,t,n,r,i){return Fo(e,`handleClickOn`,t,n,r)||e.someProp(`handleClick`,n=>n(e,t,r))||(i?Ro(e,n):Lo(e,n))}function Bo(e,t,n,r){return Fo(e,`handleDoubleClickOn`,t,n,r)||e.someProp(`handleDoubleClick`,n=>n(e,t,r))}function Vo(e,t,n,r){return Fo(e,`handleTripleClickOn`,t,n,r)||e.someProp(`handleTripleClick`,n=>n(e,t,r))||Ho(e,n,r)}function Ho(e,t,n){if(n.button!=0)return!1;let r=Uo(e,t,!0),i=e.state.doc;return r?(Io(e,r),r instanceof D&&i.eq(e.state.doc)&&(e.input.mouseDown=new Jo(e,r)),!0):!1}function Uo(e,t,n){let r=e.state.doc;if(t==-1)return r.inlineContent?D.create(r,0,r.content.size):null;let i=r.resolve(t);for(let e=i.depth+1;e>0;e--){let t=e>i.depth?i.nodeAfter:i.node(e),a=i.before(e);if(t.inlineContent)return D.create(r,a+1,a+1+t.content.size);if(n&&O.isSelectable(t))return O.create(r,a)}return null}function Wo(e){return ts(e)}var Go=pi?`metaKey`:`ctrlKey`;xo.mousedown=(e,t)=>{let n=t;e.input.shiftKey=n.shiftKey;let r=Wo(e),i=Date.now(),a=`singleClick`;i-e.input.lastClick.time<500&&Po(n,e.input.lastClick)&&!n[Go]&&e.input.lastClick.button==n.button&&(e.input.lastClick.type==`singleClick`?a=`doubleClick`:e.input.lastClick.type==`doubleClick`&&(a=`tripleClick`)),e.input.lastClick={time:i,x:n.clientX,y:n.clientY,type:a,button:n.button},e.input.mouseDown&&e.input.mouseDown.done();let o=e.posAtCoords(No(n));o&&(a==`singleClick`?e.input.mouseDown=new qo(e,o,n,!!r):(a==`doubleClick`?Bo:Vo)(e,o.pos,o.inside,n)?n.preventDefault():Eo(e,`pointer`))};var Ko=class{constructor(e){this.view=e,this.mightDrag=null,e.root.addEventListener(`mouseup`,this.up=this.up.bind(this)),e.root.addEventListener(`mousemove`,this.move=this.move.bind(this))}up(e){this.done()}move(e){e.buttons==0&&this.done()}done(){this.view.root.removeEventListener(`mouseup`,this.up),this.view.root.removeEventListener(`mousemove`,this.move),this.view.input.mouseDown==this&&(this.view.input.mouseDown=null)}delaySelUpdate(){return!1}},qo=class extends Ko{constructor(e,t,n,r){super(e),this.pos=t,this.event=n,this.flushed=r,this.delayedSelectionSync=!1,this.startDoc=e.state.doc,this.selectNode=!!n[Go],this.allowDefault=n.shiftKey;let i,a;if(t.inside>-1)i=e.state.doc.nodeAt(t.inside),a=t.inside;else{let n=e.state.doc.resolve(t.pos);i=n.parent,a=n.depth?n.before():0}let o=r?null:n.target,s=o?e.docView.nearestDesc(o,!0):null;this.target=s&&N(s.nodeDOM)?s.nodeDOM:null;let{selection:c}=e.state;n.button==0&&(i.type.spec.draggable&&i.type.spec.selectable!==!1||c instanceof O&&c.from<=a&&c.to>a)&&(this.mightDrag={node:i,pos:a,addAttr:!(!this.target||this.target.draggable),setUneditable:!!(this.target&&ci&&!this.target.hasAttribute(`contentEditable`))}),this.target&&this.mightDrag&&(this.mightDrag.addAttr||this.mightDrag.setUneditable)&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&(this.target.draggable=!0),this.mightDrag.setUneditable&&setTimeout(()=>{this.view.input.mouseDown==this&&this.target.setAttribute(`contentEditable`,`false`)},20),this.view.domObserver.start()),Eo(e,`pointer`)}done(){super.done(),this.mightDrag&&this.target&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&this.target.removeAttribute(`draggable`),this.mightDrag.setUneditable&&this.target.removeAttribute(`contentEditable`),this.view.domObserver.start()),this.delayedSelectionSync&&setTimeout(()=>{this.view.isDestroyed||Da(this.view)})}up(e){if(this.done(),!this.view.dom.contains(e.target))return;let t=this.pos;this.view.state.doc!=this.startDoc&&(t=this.view.posAtCoords(No(e))),this.updateAllowDefault(e),this.allowDefault||!t?Eo(this.view,`pointer`):zo(this.view,t.pos,t.inside,e,this.selectNode)?e.preventDefault():e.button==0&&(this.flushed||di&&this.mightDrag&&!this.mightDrag.node.isAtom||F&&!this.view.state.selection.visible&&Math.min(Math.abs(t.pos-this.view.state.selection.from),Math.abs(t.pos-this.view.state.selection.to))<=2)?(Io(this.view,E.near(this.view.state.doc.resolve(t.pos))),e.preventDefault()):Eo(this.view,`pointer`)}move(e){this.updateAllowDefault(e),Eo(this.view,`pointer`),super.move(e)}updateAllowDefault(e){!this.allowDefault&&(Math.abs(this.event.x-e.clientX)>4||Math.abs(this.event.y-e.clientY)>4)&&(this.allowDefault=!0)}delaySelUpdate(){return this.allowDefault?(this.delayedSelectionSync=!0,!0):!1}},Jo=class extends Ko{constructor(e,t){super(e),this.startSelection=t,this.startDoc=e.state.doc}move(e){if(e.buttons==0||this.view.isDestroyed||!this.view.state.doc.eq(this.startDoc)){this.done();return}e.preventDefault(),Eo(this.view,`pointer`);let t=this.view.posAtCoords(No(e)),n=t&&Uo(this.view,t.inside,!1);if(!n)return;let{doc:r}=this.view.state,i=this.startSelection,[a,o]=n.from{e.input.lastTouch=Date.now(),Wo(e),Eo(e,`pointer`)},xo.touchmove=e=>{e.input.lastTouch=Date.now(),Eo(e,`pointer`)},xo.contextmenu=e=>Wo(e);function Yo(e,t){return e.composing?!0:di&&Math.abs(Date.now()-e.input.compositionEndedAt)<500?(e.input.compositionEndedAt=-2e8,!0):!1}var Xo=hi?5e3:-1;So.compositionstart=So.compositionupdate=e=>{if(!e.composing){e.domObserver.flush();let{state:t}=e,n=t.selection.$to;if(t.selection instanceof D&&t.selection.empty&&(t.storedMarks||!n.textOffset&&n.parentOffset&&n.nodeBefore.marks.some(e=>e.type.spec.inclusive===!1)||F&&mi&&Zo(e)))e.markCursor=e.state.storedMarks||n.marks(),ts(e,!0),e.markCursor=null;else if(ts(e,!t.selection.empty),ci&&t.selection.empty&&n.parentOffset&&!n.textOffset&&n.nodeBefore.marks.length){let t=e.domSelectionRange();for(let n=t.focusNode,r=t.focusOffset;n&&N(n)&&r!=0;){let t=r<0?n.lastChild:n.childNodes[r-1];if(!t)break;if(P(t)){let n=e.domSelection();n&&n.collapse(t,t.nodeValue.length);break}n=t,r=-1}}e.input.composing=!0}Qo(e,Xo)};function Zo(e){let{focusNode:t,focusOffset:n}=e.domSelectionRange();if(!t||!N(t)||n>=t.childNodes.length)return!1;let r=t.childNodes[n];return N(r)&&r.contentEditable==`false`}So.compositionend=(e,t)=>{e.composing&&(e.input.composing=!1,e.input.compositionEndedAt=Date.now(),e.input.compositionPendingChanges=e.domObserver.pendingRecords().length?e.input.compositionID:0,e.input.compositionNode=null,e.input.badSafariComposition?e.domObserver.forceFlush():e.input.compositionPendingChanges&&Promise.resolve().then(()=>e.domObserver.flush()),e.input.compositionID++,Qo(e,20))};function Qo(e,t){clearTimeout(e.input.composingTimeout),t>-1&&(e.input.composingTimeout=setTimeout(()=>ts(e),t))}function $o(e){for(e.composing&&(e.input.composing=!1,e.input.compositionEndedAt=Date.now());e.input.compositionNodes.length>0;)e.input.compositionNodes.pop().markParentsDirty()}function es(e){let t=e.domSelectionRange();if(!t.focusNode)return null;let n=Kr(t.focusNode,t.focusOffset),r=qr(t.focusNode,t.focusOffset);if(n&&r&&n!=r){let t=r.pmViewDesc,i=e.domObserver.lastChangedTextNode;if(n==i||r==i)return i;if(!t||!t.isText(r.nodeValue))return r;if(e.input.compositionNode==r){let e=n.pmViewDesc;if(e&&e.isText(n.nodeValue))return r}}return n||r}function ts(e,t=!1){if(!(hi&&e.domObserver.flushingSoon>=0)){if(e.domObserver.forceFlush(),$o(e),t||e.docView&&e.docView.dirty){let n=Ta(e),r=e.state.selection;return n&&!n.eq(r)?e.dispatch(e.state.tr.setSelection(n)):(e.markCursor||t)&&!r.$from.node(r.$from.sharedDepth(r.to)).inlineContent?e.dispatch(e.state.tr.deleteSelection()):e.updateState(e.state),!0}return!1}}function ns(e,t){if(!e.dom.parentNode)return;let n=e.dom.parentNode.appendChild(document.createElement(`div`));n.appendChild(t),n.style.cssText=`position: fixed; left: -10000px; top: 10px`;let r=getSelection(),i=document.createRange();i.selectNodeContents(t),e.dom.blur(),r.removeAllRanges(),r.addRange(i),setTimeout(()=>{n.parentNode&&n.parentNode.removeChild(n),e.focus()},50)}var rs=oi&&si<15||fi&&_i<604;xo.copy=So.cut=(e,t)=>{let n=t,r=e.state.selection,i=n.type==`cut`;if(r.empty)return;let a=rs?null:n.clipboardData,{dom:o,text:s}=io(e,r.content());a?(n.preventDefault(),a.clearData(),a.setData(`text/html`,o.innerHTML),a.setData(`text/plain`,s)):ns(e,o),i&&e.dispatch(e.state.tr.deleteSelection().scrollIntoView().setMeta(`uiEvent`,`cut`))};function is(e){return e.openStart==0&&e.openEnd==0&&e.content.childCount==1?e.content.firstChild:null}function as(e,t){if(!e.dom.parentNode)return;let n=e.input.shiftKey||e.state.selection.$from.parent.type.spec.code,r=e.dom.parentNode.appendChild(document.createElement(n?`textarea`:`div`));n||(r.contentEditable=`true`),r.style.cssText=`position: fixed; left: -10000px; top: 10px`,r.focus();let i=e.input.shiftKey&&e.input.lastKeyCode!=45;setTimeout(()=>{e.focus(),r.parentNode&&r.parentNode.removeChild(r),n?ss(e,r.value,null,i,t):ss(e,r.textContent,r.innerHTML,i,t)},50)}function ss(e,t,n,r,i){let a=ao(e,t,n,r,e.state.selection.$from);if(e.someProp(`handlePaste`,t=>t(e,i,a||y.empty)))return!0;if(!a)return!1;let o=is(a),s=o?e.state.tr.replaceSelectionWith(o,r):e.state.tr.replaceSelection(a);return e.dispatch(s.scrollIntoView().setMeta(`paste`,!0).setMeta(`uiEvent`,`paste`)),!0}function cs(e){let t=e.getData(`text/plain`)||e.getData(`Text`);if(t)return t;let n=e.getData(`text/uri-list`);return n?n.replace(/\r?\n/g,` `):``}So.paste=(e,t)=>{let n=t;if(e.composing&&!hi)return;let r=rs?null:n.clipboardData,i=e.input.shiftKey&&e.input.lastKeyCode!=45;r&&ss(e,cs(r),r.getData(`text/html`),i,n)?n.preventDefault():as(e,n)};var ls=class{constructor(e,t,n){this.slice=e,this.move=t,this.node=n}},us=pi?`altKey`:`ctrlKey`;function ds(e,t){let n;return e.someProp(`dragCopies`,e=>{n=n||e(t)}),n==null?!t[us]:!n}xo.dragstart=(e,t)=>{let n=t,r=e.input.mouseDown;if(r&&r.done(),!n.dataTransfer)return;let i=e.state.selection,a=i.empty?null:e.posAtCoords(No(n)),o;if(!(a&&a.pos>=i.from&&a.pos<=(i instanceof O?i.to-1:i.to))){if(r&&r.mightDrag)o=O.create(e.state.doc,r.mightDrag.pos);else if(n.target&&N(n.target)){let t=e.docView.nearestDesc(n.target,!0);t&&t.node.type.spec.draggable&&t!=e.docView&&(o=O.create(e.state.doc,t.posBefore))}}let{dom:s,text:c,slice:l}=io(e,(o||e.state.selection).content());(!n.dataTransfer.files.length||!F||ui>120)&&n.dataTransfer.clearData(),n.dataTransfer.setData(rs?`Text`:`text/html`,s.innerHTML),n.dataTransfer.effectAllowed=`copyMove`,rs||n.dataTransfer.setData(`text/plain`,c),e.dragging=new ls(l,ds(e,n),o)},xo.dragend=e=>{let t=e.dragging;window.setTimeout(()=>{e.dragging==t&&(e.dragging=null)},50)},So.dragover=So.dragenter=(e,t)=>t.preventDefault(),So.drop=(e,t)=>{try{fs(e,t,e.dragging)}finally{e.dragging=null}};function fs(e,t,n){if(!t.dataTransfer)return;let r=e.posAtCoords(No(t));if(!r)return;let i=e.state.doc.resolve(r.pos),a=n&&n.slice;a?e.someProp(`transformPasted`,t=>{a=t(a,e,!1)}):a=ao(e,cs(t.dataTransfer),rs?null:t.dataTransfer.getData(`text/html`),!1,i);let o=!!(n&&ds(e,t));if(e.someProp(`handleDrop`,n=>n(e,t,a||y.empty,o))){t.preventDefault();return}if(!a)return;t.preventDefault();let s=a?rn(e.state.doc,i.pos,a):i.pos;s??(s=i.pos);let c=e.state.tr;if(o){let{node:e}=n;e?e.replace(c):c.deleteSelection()}let l=c.mapping.map(s),u=a.openStart==0&&a.openEnd==0&&a.content.childCount==1,d=c.doc;if(u?c.replaceRangeWith(l,l,a.content.firstChild):c.replaceRange(l,l,a),c.doc.eq(d))return;let f=c.doc.resolve(l);if(u&&O.isSelectable(a.content.firstChild)&&f.nodeAfter&&f.nodeAfter.sameMarkup(a.content.firstChild))c.setSelection(new O(f));else{let t=c.mapping.map(s);c.mapping.maps[c.mapping.maps.length-1].forEach((e,n,r,i)=>t=i),c.setSelection(Ia(e,f,c.doc.resolve(t)))}e.focus(),e.dispatch(c.setMeta(`uiEvent`,`drop`))}xo.focus=e=>{if(e.input.lastFocus=Date.now(),!e.focused){e.domObserver.stop(),e.dom.classList.add(`ProseMirror-focused`),e.domObserver.start(),e.focused=!0;let t=e.domSelectionRange();if(!e.domObserver.currentSelection.eq(t)){let{focusNode:n,focusOffset:r}=t;setTimeout(()=>{let t=e.domSelectionRange();t.focusNode==n&&t.focusOffset==r&&e.docView&&e.hasFocus()&&Da(e)},20)}}},xo.blur=(e,t)=>{let n=t;e.focused&&(e.domObserver.stop(),e.dom.classList.remove(`ProseMirror-focused`),e.domObserver.start(),n.relatedTarget&&e.dom.contains(n.relatedTarget)&&e.domObserver.currentSelection.clear(),e.focused=!1)},xo.beforeinput=(e,t)=>{if(hi&&t.inputType==`deleteContentBackward`){e.domObserver.flushSoon();let{domChangeCount:t}=e.input;setTimeout(()=>{if(e.input.domChangeCount!=t||e.domObserver.pendingRecords().length||(e.dom.blur(),e.focus(),Mo(e,`Backspace`)))return;let{$cursor:n}=e.state.selection;n&&n.pos>0&&e.dispatch(e.state.tr.delete(n.pos-1,n.pos).scrollIntoView())},50)}};for(let e in So)xo[e]=So[e];function ps(e,t){if(e==t)return!0;for(let n in e)if(e[n]!==t[n])return!1;for(let n in t)if(!(n in e))return!1;return!0}var ms=class{constructor(e){this.frag=e,this.index=0,this.off=0}nodeAt(e){for(;this.off<=e&&this.index=a?null:new I(i,a,this)}valid(e,t){return t.from=e&&(!i||i(o.spec))&&n.push(o.copy(o.from+r,o.to+r))}for(let a=0;ae){let o=this.children[a]+1;this.children[a+2].findInner(e-o,t-o,n,r+o,i)}}map(e,t,n){return this==R||e.maps.length==0?this:this.mapInner(e,t,0,0,n||ys)}mapInner(t,n,r,i,a){let o;if(this.local.length){let e=new ms(n.content);for(let s=0;s{let o=t+r,s;if(s=ws(n,e,o)){for(i||(i=this.children.slice());aa&&n.to=t){this.children[e]==t&&(r=this.children[e+2]);break}let a=t+1,o=a+n.content.size;for(let e=0;ea&&t.type instanceof gs){let e=Math.max(a,t.from)-a,n=Math.min(o,t.to)-a;ee.map(t,n,ys));return e.from(r)}forChild(t,n){if(n.isLeaf)return L.empty;let r=[];for(let i=0;ie instanceof L)?t:t.reduce((e,t)=>e.concat(t instanceof L?t:t.members),[]))}}forEachSet(e){for(let t=0;t{let o=a-i-(n-e);for(let i=0;ia+t-r)continue;let c=s[i]+t-r;n>=c?s[i+1]=e<=c?-2:-1:e>=t&&o&&(s[i]+=o,s[i+1]+=o)}r+=o}),t=n.maps[e].map(t,-1)}let c=!1;for(let t=0;t=r.content.size){c=!0;continue}let d=n.map(e[t+1]+a,-1)-i,{index:f,offset:p}=r.content.findIndex(u),m=r.maybeChild(f);if(m&&p==u&&p+m.nodeSize==d){let r=s[t+2].mapInner(n,m,l+1,e[t]+a+1,o);r==R?(s[t+1]=-2,c=!0):(s[t]=u,s[t+1]=d,s[t+2]=r)}else c=!0}if(c){let c=Es(Cs(s,e,t,n,i,a,o),r,0,o);t=c.local;for(let e=0;en&&a.to{let s=ws(e,t,o+n);if(s){a=!0;let e=Es(s,t,n+o+1,r);e!=R&&i.push(o,o+t.nodeSize,e)}});let o=Ss(a?Ts(e):e,-n).sort(Ds);if(o.length){let e=new ms(t.content);for(let n=0;n0;)t++;e.splice(t,0,n)}function As(e){let t=[];return e.someProp(`decorations`,n=>{let r=n(e.state);r&&r!=R&&t.push(r)}),e.cursorWrapper&&t.push(L.create(e.state.doc,[e.cursorWrapper.deco])),bs.from(t)}var js={childList:!0,characterData:!0,characterDataOldValue:!0,attributes:!0,attributeOldValue:!0,subtree:!0},Ms=oi&&si<=11,Ns=class{constructor(){this.anchorNode=null,this.anchorOffset=0,this.focusNode=null,this.focusOffset=0}set(e){this.anchorNode=e.anchorNode,this.anchorOffset=e.anchorOffset,this.focusNode=e.focusNode,this.focusOffset=e.focusOffset}clear(){this.anchorNode=this.focusNode=null}eq(e){return e.anchorNode==this.anchorNode&&e.anchorOffset==this.anchorOffset&&e.focusNode==this.focusNode&&e.focusOffset==this.focusOffset}},Ps=class{constructor(e,t){this.view=e,this.handleDOMChange=t,this.queue=[],this.flushingSoon=-1,this.observer=null,this.currentSelection=new Ns,this.onCharData=null,this.suppressingSelectionUpdates=!1,this.lastChangedTextNode=null,this.observer=window.MutationObserver&&new window.MutationObserver(t=>{for(let e=0;ee.type==`childList`&&e.removedNodes.length||e.type==`characterData`&&e.oldValue.length>e.target.nodeValue.length)?this.flushSoon():di&&e.composing&&t.some(e=>e.type==`childList`&&e.target.nodeName==`TR`)?(e.input.badSafariComposition=!0,this.flushSoon()):this.flush()}),Ms&&(this.onCharData=e=>{this.queue.push({target:e.target,type:`characterData`,oldValue:e.prevValue}),this.flushSoon()}),this.onSelectionChange=this.onSelectionChange.bind(this)}flushSoon(){this.flushingSoon<0&&(this.flushingSoon=window.setTimeout(()=>{this.flushingSoon=-1,this.flush()},20))}forceFlush(){this.flushingSoon>-1&&(window.clearTimeout(this.flushingSoon),this.flushingSoon=-1,this.flush())}start(){this.observer&&(this.observer.takeRecords(),this.observer.observe(this.view.dom,js)),this.onCharData&&this.view.dom.addEventListener(`DOMCharacterDataModified`,this.onCharData),this.connectSelection()}stop(){if(this.observer){let e=this.observer.takeRecords();if(e.length){for(let t=0;tthis.flush(),20)}this.observer.disconnect()}this.onCharData&&this.view.dom.removeEventListener(`DOMCharacterDataModified`,this.onCharData),this.disconnectSelection()}connectSelection(){this.view.dom.ownerDocument.addEventListener(`selectionchange`,this.onSelectionChange)}disconnectSelection(){this.view.dom.ownerDocument.removeEventListener(`selectionchange`,this.onSelectionChange)}suppressSelectionUpdates(){this.suppressingSelectionUpdates=!0,setTimeout(()=>this.suppressingSelectionUpdates=!1,50)}onSelectionChange(){if(La(this.view)){if(this.suppressingSelectionUpdates)return Da(this.view);if(oi&&si<=11&&!this.view.state.selection.empty){let e=this.view.domSelectionRange();if(e.focusNode&&Hr(e.focusNode,e.focusOffset,e.anchorNode,e.anchorOffset))return this.flushSoon()}this.flush()}}setCurSelection(){this.currentSelection.set(this.view.domSelectionRange())}ignoreSelectionChange(e){if(!e.focusNode)return!0;let t=new Set,n;for(let n=e.focusNode;n;n=Rr(n))t.add(n);for(let r=e.anchorNode;r;r=Rr(r))if(t.has(r)){n=r;break}let r=n&&this.view.docView.nearestDesc(n);if(r&&r.ignoreMutation({type:`selection`,target:P(n)?n.parentNode:n}))return this.setCurSelection(),!0}pendingRecords(){if(this.observer)for(let e of this.observer.takeRecords())this.queue.push(e);return this.queue}flush(){let{view:e}=this;if(!e.docView||this.flushingSoon>-1)return;let t=this.pendingRecords();t.length&&(this.queue=[]);let n,r=!1;!this.suppressingSelectionUpdates&&La(e)&&(n=e.domSelectionRange(),r=!this.currentSelection.eq(n)&&!this.ignoreSelectionChange(n));let i=-1,a=-1,o=!1,s=[];if(e.editable)for(let e=0;ee.nodeName==`BR`)&&(e.input.lastKeyCode==8||e.input.lastKeyCode==46||F&&(e.composing||e.input.compositionEndedAt>Date.now()-50)&&t.some(e=>e.type==`childList`&&e.removedNodes.length))){for(let e of s)if(e.nodeName==`BR`&&e.parentNode){let t=e.nextSibling;for(;t&&N(t);){if(t.contentEditable==`false`){e.parentNode.removeChild(e);break}t=t.firstChild}}}else if(ci&&s.length){let t=s.filter(e=>e.nodeName==`BR`);if(t.length==2){let[e,n]=t;e.parentNode&&e.parentNode.parentNode==n.parentNode?n.remove():e.remove()}else{let{focusNode:n}=this.currentSelection;for(let r of t){let t=r.parentNode;t&&t.nodeName==`LI`&&(!n||Bs(e,n)!=t)&&r.remove()}}}let c=null;i<0&&r&&e.input.lastFocus>Date.now()-200&&Math.max(e.input.lastTouch,e.input.lastClick.time)-1||r)&&(i>-1&&(e.docView.markDirty(i,a),Ls(e)),e.input.badSafariComposition&&(e.input.badSafariComposition=!1,Vs(e,s)),this.handleDOMChange(i,a,o,s),e.docView&&e.docView.dirty?e.updateState(e.state):n&&!this.currentSelection.eq(n)&&Da(e),n&&this.currentSelection.set(n))}registerMutation(e,t){if(t.indexOf(e.target)>-1)return null;let n=this.view.docView.nearestDesc(e.target);if(e.type==`attributes`&&(n==this.view.docView||e.attributeName==`contenteditable`||e.attributeName==`style`&&!e.oldValue&&!e.target.getAttribute(`style`))||!n||n.ignoreMutation(e))return null;if(e.type==`childList`){for(let n=0;na;e--){let t=i.childNodes[e-1],n=t.pmViewDesc;if(t.nodeName==`BR`&&!n){o=e;break}if(!n||n.size)break}let f=e.state.doc,p=e.someProp(`domParser`)||Ue.fromSchema(e.state.schema),m=f.resolve(s),h=null,g=p.parse(i,{topNode:m.parent,topMatch:m.parent.contentMatchAt(m.index()),topOpen:!0,from:a,to:o,preserveWhitespace:m.parent.type.whitespace!=`pre`||`full`,findPositions:u,ruleFromNode:Us(r),context:m});if(u&&u[0].pos!=null){let e=u[0].pos,t=u[1]&&u[1].pos;t??(t=e),h={anchor:e+s,head:t+s}}return{doc:g,sel:h,from:s,to:c}}var Us=e=>t=>{let n=t.pmViewDesc;if(n)return n.parseRule(e);if(t.nodeName==`BR`&&t.parentNode){if(di&&/^(ul|ol)$/i.test(t.parentNode.nodeName)){let e=document.createElement(`div`);return e.appendChild(document.createElement(`li`)),{skip:e}}if(t.parentNode.lastChild==t||di&&/^(tr|table)$/i.test(t.parentNode.nodeName))return{ignore:!0}}else if(t.nodeName==`IMG`&&t.getAttribute(`mark-placeholder`))return{ignore:!0};return null},Ws=/^(a|abbr|acronym|b|bd[io]|big|br|button|cite|code|data(list)?|del|dfn|em|i|img|ins|kbd|label|map|mark|meter|output|q|ruby|s|samp|small|span|strong|su[bp]|time|u|tt|var)$/i;function Gs(e,t,n,r,i){let a=e.input.compositionPendingChanges||(e.composing?e.input.compositionID:0);if(e.input.compositionPendingChanges=0,t<0){let t=e.input.lastSelectionTime>Date.now()-50?e.input.lastSelectionOrigin:null,n=Ta(e,t);if(n&&!e.state.selection.eq(n)){if(F&&hi&&e.input.lastKeyCode===13&&Date.now()-100Date.now()-225||hi)&&i.some(e=>N(e)&&!Ws.test(e.nodeName))&&(!m||m.endA>=m.endB)&&Mo(e,`Enter`)){e.input.lastIOSEnter=0;return}if(!m){if(r&&c instanceof D&&!c.empty&&c.$head.sameParent(c.$anchor)&&!e.composing&&!(l.sel&&l.sel.anchor!=l.sel.head))m={start:c.from,endA:c.to,endB:c.to};else{if(l.sel){let t=Ks(e,e.state.doc,l.sel);if(t&&!t.eq(e.state.selection)){let n=e.state.tr.setSelection(t);a&&n.setMeta(`composition`,a),e.dispatch(n)}}return}}e.state.selection.frome.state.selection.from&&m.start<=e.state.selection.from+2&&e.state.selection.from>=l.from?m.start=e.state.selection.from:m.endA=e.state.selection.to-2&&e.state.selection.to<=l.to&&(m.endB+=e.state.selection.to-m.endA,m.endA=e.state.selection.to)),oi&&si<=11&&m.endB==m.start+1&&m.endA==m.start&&m.start>l.from&&l.doc.textBetween(m.start-l.from-1,m.start-l.from+1)==` \xA0`&&(m.start--,m.endA--,m.endB--);let h=l.doc.resolveNoCache(m.start-l.from),g=l.doc.resolveNoCache(m.endB-l.from),_=u.resolve(m.start),v=h.sameParent(g)&&h.parent.inlineContent&&_.end()>=m.endA;if((fi&&e.input.lastIOSEnter>Date.now()-225&&(!v||i.some(e=>e.nodeName==`DIV`||e.nodeName==`P`))||!v&&Ys(l.doc,h.pos,g.pos))&&Mo(e,`Enter`)){e.input.lastIOSEnter=0;return}if(e.state.selection.anchor>m.start&&(v?m.endA>m.start&&m.endB==m.start:Js(u,m.start,m.endA,h,g))&&Mo(e,`Backspace`)){hi&&F&&e.domObserver.suppressSelectionUpdates();return}F&&m.endB==m.start&&(e.input.lastChromeDelete=Date.now()),hi&&!v&&h.start()!=g.start()&&g.parentOffset==0&&h.depth==g.depth&&l.sel&&l.sel.anchor==l.sel.head&&l.sel.head==m.endA&&(m.endB-=2,g=l.doc.resolveNoCache(m.endB-l.from),setTimeout(()=>Mo(e,`Enter`),20));let y=m.start,b=m.endA,x=t=>{let n=t||e.state.tr.replace(y,b,l.doc.slice(m.start-l.from,m.endB-l.from));if(l.sel){let t=Ks(e,n.doc,l.sel);t&&!(F&&e.composing&&t.empty&&(m.start!=m.endB||e.input.lastChromeDeleteDa(e),20));let t=x(e.state.tr.delete(y,b)),n=u.resolve(m.start).marksAcross(u.resolve(m.endA));n&&t.ensureMarks(n),e.dispatch(t)}else if(m.endA==m.endB&&(S=qs(h.parent.content.cut(h.parentOffset,g.parentOffset),_.parent.content.cut(_.parentOffset,m.endA-_.start())))){let t=x(e.state.tr);S.type==`add`?t.addMark(y,b,S.mark):t.removeMark(y,b,S.mark),e.dispatch(t)}else if(h.parent.child(h.index()).isText&&h.index()==g.index()-+!g.textOffset){let t=h.parent.textBetween(h.parentOffset,g.parentOffset),n=()=>x(e.state.tr.insertText(t,y,b));e.someProp(`handleTextInput`,r=>r(e,y,b,t,n))||e.dispatch(n())}else e.dispatch(x())}else e.dispatch(x())}function Ks(e,t,n){return Math.max(n.anchor,n.head)>t.content.size?null:Ia(e,t.resolve(n.anchor),t.resolve(n.head))}function qs(e,t){let n=e.firstChild.marks,r=t.firstChild.marks,i=n,a=r,o,s,c;for(let e=0;ee.mark(s.addToSet(e.marks));else if(i.length==0&&a.length==1)s=a[0],o=`remove`,c=e=>e.mark(s.removeFromSet(e.marks));else return null;let l=[];for(let e=0;en||Xs(o,!0,!1){e.isTextblock&&a>=t&&a0&&(t||e.indexAfter(r)==e.node(r).childCount);)r--,i++,t=!1;if(n){let t=e.node(r).maybeChild(e.indexAfter(r));for(;t&&!t.isLeaf;)t=t.firstChild,i++}return i}function Zs(e,t,n,r,i){let a=e.findDiffStart(t,n),o=n+e.size,s=n+t.size;if(a==null)return null;let{a:c,b:l}=e.findDiffEnd(t,o,s);if(i==`end`){let e=Math.max(0,a-Math.min(c,l));r-=c+e-a}if(c=c?a-r:0;a-=e,l=a+(l-c),c=a}else if(l=l?a-r:0;a-=e,c=a+(c-l),l=a}return{start:a,endA:c,endB:l}}var Qs=class{constructor(e,t){this._root=null,this.focused=!1,this.trackWrites=null,this.mounted=!1,this.markCursor=null,this.cursorWrapper=null,this.lastSelectedViewDesc=void 0,this.input=new wo,this.prevDirectPlugins=[],this.pluginViews=[],this.requiresGeckoHackNode=!1,this.dragging=null,this._props=t,this.state=t.state,this.directPlugins=t.plugins||[],this.directPlugins.forEach(ac),this.dispatch=this.dispatch.bind(this),this.dom=e&&e.mount||document.createElement(`div`),e&&(e.appendChild?e.appendChild(this.dom):typeof e==`function`?e(this.dom):e.mount&&(this.mounted=!0)),this.editable=tc(this),ec(this),this.nodeViews=rc(this),this.docView=aa(this.state.doc,$s(this),As(this),this.dom,this),this.domObserver=new Ps(this,(e,t,n,r)=>Gs(this,e,t,n,r)),this.domObserver.start(),To(this),this.updatePluginViews()}get composing(){return this.input.composing}get props(){if(this._props.state!=this.state){let e=this._props;this._props={};for(let t in e)this._props[t]=e[t];this._props.state=this.state}return this._props}update(e){e.handleDOMEvents!=this._props.handleDOMEvents&&Oo(this);let t=this._props;this._props=e,e.plugins&&(e.plugins.forEach(ac),this.directPlugins=e.plugins),this.updateStateInner(e.state,t)}setProps(e){let t={};for(let e in this._props)t[e]=this._props[e];t.state=this.state;for(let n in e)t[n]=e[n];this.update(t)}updateState(e){this.updateStateInner(e,this._props)}updateStateInner(e,t){let n=this.state,r=!1,i=!1;e.storedMarks&&this.composing&&($o(this),i=!0),this.state=e;let a=n.plugins!=e.plugins||this._props.plugins!=t.plugins;if(a||this._props.plugins!=t.plugins||this._props.nodeViews!=t.nodeViews){let e=rc(this);ic(e,this.nodeViews)&&(this.nodeViews=e,r=!0)}(a||t.handleDOMEvents!=this._props.handleDOMEvents)&&Oo(this),this.editable=tc(this),ec(this);let o=As(this),s=$s(this),c=n.plugins!=e.plugins&&!n.doc.eq(e.doc)?`reset`:e.scrollToSelection>n.scrollToSelection?`to selection`:`preserve`,l=r||!this.docView.matchesNode(e.doc,s,o);(l||!e.selection.eq(n.selection))&&(i=!0);let u=c==`preserve`&&i&&this.dom.style.overflowAnchor==null&&Si(this);if(i){this.domObserver.stop();let t=l&&(oi||F)&&!this.composing&&!n.selection.empty&&!e.selection.empty&&nc(n.selection,e.selection);if(l){let n=F?this.trackWrites=this.domSelectionRange().focusNode:null;this.composing&&(this.input.compositionNode=es(this)),(r||!this.docView.update(e.doc,s,o,this))&&(this.docView.updateOuterDeco(s),this.docView.destroy(),this.docView=aa(e.doc,s,o,this.dom,this)),!n||this.trackWrites&&this.dom.contains(this.trackWrites)||(t=!0)}let i=this.input.mouseDown;t||!(i&&this.domObserver.currentSelection.eq(this.domSelectionRange())&&za(this)&&i.delaySelUpdate())?Da(this,t):(Pa(this,e.selection),this.domObserver.setCurSelection()),this.domObserver.start()}this.updatePluginViews(n),this.dragging?.node&&!n.doc.eq(e.doc)&&this.updateDraggedNode(this.dragging,n),c==`reset`?this.dom.scrollTop=0:c==`to selection`?this.scrollToSelection():u&&wi(u)}scrollToSelection(){let e=this.domSelectionRange().focusNode;if(e&&Gr(this.dom,e)&&!this.someProp(`handleScrollToSelection`,e=>e(this))){if(this.state.selection instanceof O){let t=this.docView.domAfterPos(this.state.selection.from);N(t)&&xi(this,t.getBoundingClientRect(),e)}else xi(this,this.coordsAtPos(this.state.selection.head,1),e)}}destroyPluginViews(){let e;for(;e=this.pluginViews.pop();)e.destroy&&e.destroy()}updatePluginViews(e){if(!e||e.plugins!=this.state.plugins||this.directPlugins!=this.prevDirectPlugins){this.prevDirectPlugins=this.directPlugins,this.destroyPluginViews();for(let e=0;e0&&ee.ownerDocument.getSelection()),this._root=e}return e||document}updateRoot(){this._root=null}posAtCoords(e){return Fi(this,e)}coordsAtPos(e,t=1){return zi(this,e,t)}domAtPos(e,t=0){return this.docView.domFromPos(e,t)}nodeDOM(e){let t=this.docView.descAt(e);return t?t.nodeDOM:null}posAtDOM(e,t,n=-1){let r=this.docView.posFromDOM(e,t,n);if(r==null)throw RangeError(`DOM position not inside the editor`);return r}endOfTextblock(e,t){return Yi(this,t||this.state,e)}pasteHTML(e,t){return ss(this,``,e,!1,t||new ClipboardEvent(`paste`))}pasteText(e,t){return ss(this,e,null,!0,t||new ClipboardEvent(`paste`))}serializeForClipboard(e){return io(this,e)}destroy(){this.docView&&(Do(this),this.destroyPluginViews(),this.mounted?(this.docView.update(this.state.doc,[],As(this),this),this.dom.textContent=``):this.dom.parentNode&&this.dom.parentNode.removeChild(this.dom),this.docView.destroy(),this.docView=null,Vr())}get isDestroyed(){return this.docView==null}dispatchEvent(e){return jo(this,e)}domSelectionRange(){let e=this.dom.isConnected!==!1&&this.domSelection();return e?di&&this.root.nodeType===11&&Qr(this.dom.ownerDocument)==this.dom&&zs(this,e)||e:{focusNode:null,focusOffset:0,anchorNode:null,anchorOffset:0}}domSelection(){return this.root.getSelection()}};Qs.prototype.dispatch=function(e){let t=this._props.dispatchTransaction;t?t.call(this,e):this.updateState(this.state.apply(e))};function $s(e){let t=Object.create(null);return t.class=`ProseMirror`,t.contenteditable=String(e.editable),e.someProp(`attributes`,n=>{if(typeof n==`function`&&(n=n(e.state)),n)for(let e in n)e==`class`?t.class+=` `+n[e]:e==`style`?t.style=(t.style?t.style+`;`:``)+n[e]:!t[e]&&e!=`contenteditable`&&e!=`nodeName`&&(t[e]=String(n[e]))}),t.translate||(t.translate=`no`),[I.node(0,e.state.doc.content.size,t)]}function ec(e){if(e.markCursor){let t=document.createElement(`img`);t.className=`ProseMirror-separator`,t.setAttribute(`mark-placeholder`,`true`),t.setAttribute(`alt`,``),e.cursorWrapper={dom:t,deco:I.widget(e.state.selection.from,t,{raw:!0,marks:e.markCursor})}}else e.cursorWrapper=null}function tc(e){return!e.someProp(`editable`,t=>t(e.state)===!1)}function nc(e,t){let n=Math.min(e.$anchor.sharedDepth(e.head),t.$anchor.sharedDepth(t.head));return e.$anchor.start(n)!=t.$anchor.start(n)}function rc(e){let t=Object.create(null);function n(e){for(let n in e)Object.prototype.hasOwnProperty.call(t,n)||(t[n]=e[n])}return e.someProp(`nodeViews`,n),e.someProp(`markViews`,n),t}function ic(e,t){let n=0,r=0;for(let r in e){if(e[r]!=t[r])return!0;n++}for(let e in t)r++;return n!=r}function ac(e){if(e.spec.state||e.spec.filterTransaction||e.spec.appendTransaction)throw RangeError(`Plugins passed directly to the view must not have a state component`)}for(var oc={8:`Backspace`,9:`Tab`,10:`Enter`,12:`NumLock`,13:`Enter`,16:`Shift`,17:`Control`,18:`Alt`,20:`CapsLock`,27:`Escape`,32:` `,33:`PageUp`,34:`PageDown`,35:`End`,36:`Home`,37:`ArrowLeft`,38:`ArrowUp`,39:`ArrowRight`,40:`ArrowDown`,44:`PrintScreen`,45:`Insert`,46:`Delete`,59:`;`,61:`=`,91:`Meta`,92:`Meta`,106:`*`,107:`+`,108:`,`,109:`-`,110:`.`,111:`/`,144:`NumLock`,145:`ScrollLock`,160:`Shift`,161:`Shift`,162:`Control`,163:`Control`,164:`Alt`,165:`Alt`,173:`-`,186:`;`,187:`=`,188:`,`,189:`-`,190:`.`,191:`/`,192:"`",219:`[`,220:`\\`,221:`]`,222:`'`},sc={48:`)`,49:`!`,50:`@`,51:`#`,52:`$`,53:`%`,54:`^`,55:`&`,56:`*`,57:`(`,59:`:`,61:`+`,173:`_`,186:`:`,187:`+`,188:`<`,189:`_`,190:`>`,191:`?`,192:`~`,219:`{`,220:`|`,221:`}`,222:`"`},cc=typeof navigator<`u`&&/Mac/.test(navigator.platform),lc=typeof navigator<`u`&&/MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent),uc=0;uc<10;uc++)oc[48+uc]=oc[96+uc]=String(uc);for(var uc=1;uc<=24;uc++)oc[uc+111]=`F`+uc;for(var uc=65;uc<=90;uc++)oc[uc]=String.fromCharCode(uc+32),sc[uc]=String.fromCharCode(uc);for(var dc in oc)sc.hasOwnProperty(dc)||(sc[dc]=oc[dc]);function fc(e){var t=!(cc&&e.metaKey&&e.shiftKey&&!e.ctrlKey&&!e.altKey||lc&&e.shiftKey&&e.key&&e.key.length==1||e.key==`Unidentified`)&&e.key||(e.shiftKey?sc:oc)[e.keyCode]||e.key||`Unidentified`;return t==`Esc`&&(t=`Escape`),t==`Del`&&(t=`Delete`),t==`Left`&&(t=`ArrowLeft`),t==`Up`&&(t=`ArrowUp`),t==`Right`&&(t=`ArrowRight`),t==`Down`&&(t=`ArrowDown`),t}var pc=typeof navigator<`u`&&/Mac|iP(hone|[oa]d)/.test(navigator.platform),mc=typeof navigator<`u`&&/Win/.test(navigator.platform);function hc(e){let t=e.split(/-(?!$)/),n=t[t.length-1];n==`Space`&&(n=` `);let r,i,a,o;for(let e=0;e=t?z.empty:this.sliceInner(Math.max(0,e),Math.min(this.length,t))},z.prototype.get=function(e){if(!(e<0||e>=this.length))return this.getInner(e)},z.prototype.forEach=function(e,t,n){t===void 0&&(t=0),n===void 0&&(n=this.length),t<=n?this.forEachInner(e,t,n,0):this.forEachInvertedInner(e,t,n,0)},z.prototype.map=function(e,t,n){t===void 0&&(t=0),n===void 0&&(n=this.length);var r=[];return this.forEach(function(t,n){return r.push(e(t,n))},t,n),r},z.from=function(e){return e instanceof z?e:e&&e.length?new bc(e):z.empty};var bc=function(e){function t(t){e.call(this),this.values=t}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={length:{configurable:!0},depth:{configurable:!0}};return t.prototype.flatten=function(){return this.values},t.prototype.sliceInner=function(e,n){return e==0&&n==this.length?this:new t(this.values.slice(e,n))},t.prototype.getInner=function(e){return this.values[e]},t.prototype.forEachInner=function(e,t,n,r){for(var i=t;i=n;i--)if(e(this.values[i],r+i)===!1)return!1},t.prototype.leafAppend=function(e){if(this.length+e.length<=yc)return new t(this.values.concat(e.flatten()))},t.prototype.leafPrepend=function(e){if(this.length+e.length<=yc)return new t(e.flatten().concat(this.values))},n.length.get=function(){return this.values.length},n.depth.get=function(){return 0},Object.defineProperties(t.prototype,n),t}(z);z.empty=new bc([]);var xc=function(e){function t(t,n){e.call(this),this.left=t,this.right=n,this.length=t.length+n.length,this.depth=Math.max(t.depth,n.depth)+1}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.flatten=function(){return this.left.flatten().concat(this.right.flatten())},t.prototype.getInner=function(e){return ei&&this.right.forEachInner(e,Math.max(t-i,0),Math.min(this.length,n)-i,r+i)===!1)return!1},t.prototype.forEachInvertedInner=function(e,t,n,r){var i=this.left.length;if(t>i&&this.right.forEachInvertedInner(e,t-i,Math.max(n,i)-i,r+i)===!1||n=n?this.right.slice(e-n,t-n):this.left.slice(e,n).append(this.right.slice(0,t-n))},t.prototype.leafAppend=function(e){var n=this.right.leafAppend(e);if(n)return new t(this.left,n)},t.prototype.leafPrepend=function(e){var n=this.left.leafPrepend(e);if(n)return new t(n,this.right)},t.prototype.appendInner=function(e){return this.left.depth>=Math.max(this.right.depth,e.depth)+1?new t(this.left,new t(this.right,e)):new t(this,e)},t}(z),Sc=500,Cc=class e{constructor(e,t){this.items=e,this.eventCount=t}popEvent(t,n){if(this.eventCount==0)return null;let r=this.items.length;for(;;r--)if(this.items.get(r-1).selection){--r;break}let i,a;n&&(i=this.remapping(r,this.items.length),a=i.maps.length);let o=t.tr,s,c,l=[],u=[];return this.items.forEach((t,n)=>{if(!t.step)i||(i=this.remapping(r,n+1),a=i.maps.length),a--,u.push(t);else{if(i){u.push(new Tc(t.map));let e=t.step.map(i.slice(a)),n;e&&o.maybeStep(e).doc&&(n=o.mapping.maps[o.mapping.maps.length-1],l.push(new Tc(n,void 0,void 0,l.length+u.length))),a--,n&&i.appendMap(n,a)}else o.maybeStep(t.step);if(t.selection)return s=i?t.selection.map(i.slice(a)):t.selection,c=new e(this.items.slice(0,r).append(u.reverse().concat(l)),this.eventCount-1),!1}},this.items.length,0),{remaining:c,transform:o,selection:s}}addTransform(t,n,r,i){let a=[],o=this.eventCount,s=this.items,c=!i&&s.length?s.get(s.length-1):null;for(let e=0;eDc&&(s=wc(s,l),o-=l),new e(s.append(a),o)}remapping(e,t){let n=new xt;return this.items.forEach((t,r)=>{let i=t.mirrorOffset!=null&&r-t.mirrorOffset>=e?n.maps.length-t.mirrorOffset:void 0;n.appendMap(t.map,i)},e,t),n}addMaps(t){return this.eventCount==0?this:new e(this.items.append(t.map(e=>new Tc(e))),this.eventCount)}rebased(t,n){if(!this.eventCount)return this;n=Math.min(this.items.length,n);let r=[],i=this.items.length-n,a=t.mapping,o=t.steps.length,s=this.eventCount;this.items.forEach(e=>{e.selection&&s--},i);let c=n;this.items.forEach(e=>{let n=a.getMirror(--c);if(n==null)return;o=Math.min(o,n);let i=a.maps[n];if(e.step){let o=t.steps[n].invert(t.docs[n]),l=e.selection&&e.selection.map(a.slice(c+1,n));l&&s++,r.push(new Tc(i,o,l))}else r.push(new Tc(i))},i);let l=[];for(let e=n;eSc&&(d=d.compress(this.items.length-r.length)),d}emptyItemCount(){let e=0;return this.items.forEach(t=>{t.step||e++}),e}compress(t=this.items.length){let n=this.remapping(0,t),r=n.maps.length,i=[],a=0;return this.items.forEach((e,o)=>{if(o>=t)i.push(e),e.selection&&a++;else if(e.step){let t=e.step.map(n.slice(r)),o=t&&t.getMap();if(r--,o&&n.appendMap(o,r),t){let s=e.selection&&e.selection.map(n.slice(r));s&&a++;let c=new Tc(o.invert(),t,s),l,u=i.length-1;(l=i.length&&i[u].merge(c))?i[u]=l:i.push(c)}}else e.map&&r--},this.items.length,0),new e(z.from(i.reverse()),a)}};Cc.empty=new Cc(z.empty,0);function wc(e,t){let n;return e.forEach((e,r)=>{if(e.selection&&t--==0)return n=r,!1}),e.slice(n)}var Tc=class e{constructor(e,t,n,r){this.map=e,this.step=t,this.selection=n,this.mirrorOffset=r}merge(t){if(this.step&&t.step&&!t.selection){let n=t.step.merge(this.step);if(n)return new e(n.getMap().invert(),n,this.selection)}}},Ec=class{constructor(e,t,n,r,i){this.done=e,this.undone=t,this.prevRanges=n,this.prevTime=r,this.prevComposition=i}},Dc=20;function Oc(e,t,n,r){let i=n.getMeta(Ic),a;if(i)return i.historyState;n.getMeta(Lc)&&(e=new Ec(e.done,e.undone,null,0,-1));let o=n.getMeta(`appendedTransaction`);if(n.steps.length==0)return e;if(o&&o.getMeta(Ic))return o.getMeta(Ic).redo?new Ec(e.done.addTransform(n,void 0,r,Fc(t)),e.undone,Ac(n.mapping.maps),e.prevTime,e.prevComposition):new Ec(e.done,e.undone.addTransform(n,void 0,r,Fc(t)),null,e.prevTime,e.prevComposition);if(n.getMeta(`addToHistory`)!==!1&&!(o&&o.getMeta(`addToHistory`)===!1)){let i=n.getMeta(`composition`),a=e.prevTime==0||!o&&e.prevComposition!=i&&(e.prevTime<(n.time||0)-r.newGroupDelay||!kc(n,e.prevRanges)),s=o?jc(e.prevRanges,n.mapping):Ac(n.mapping.maps);return new Ec(e.done.addTransform(n,a?t.selection.getBookmark():void 0,r,Fc(t)),Cc.empty,s,n.time,i??e.prevComposition)}return(a=n.getMeta(`rebased`))?new Ec(e.done.rebased(n,a),e.undone.rebased(n,a),jc(e.prevRanges,n.mapping),e.prevTime,e.prevComposition):new Ec(e.done.addMaps(n.mapping.maps),e.undone.addMaps(n.mapping.maps),jc(e.prevRanges,n.mapping),e.prevTime,e.prevComposition)}function kc(e,t){if(!t)return!1;if(!e.docChanged)return!0;let n=!1;return e.mapping.maps[0].forEach((e,r)=>{for(let i=0;i=t[i]&&(n=!0)}),n}function Ac(e){let t=[];for(let n=e.length-1;n>=0&&t.length==0;n--)e[n].forEach((e,n,r,i)=>t.push(r,i));return t}function jc(e,t){if(!e)return null;let n=[];for(let r=0;r{let i=Ic.getState(n);if(!i||(e?i.undone:i.done).eventCount==0)return!1;if(r){let a=Mc(i,n,e);a&&r(t?a.scrollIntoView():a)}return!0}}var Bc=zc(!1,!0),Vc=zc(!0,!0);function Hc(e){return e.getMeta(Ic)!=null}function Uc(e){let{state:t,transaction:n}=e,{selection:r}=n,{doc:i}=n,{storedMarks:a}=n;return{...t,apply:t.apply.bind(t),applyTransaction:t.applyTransaction.bind(t),plugins:t.plugins,schema:t.schema,reconfigure:t.reconfigure.bind(t),toJSON:t.toJSON.bind(t),get storedMarks(){return a},get selection(){return r},get doc(){return i},get tr(){return r=n.selection,i=n.doc,a=n.storedMarks,n}}}var Wc=class e{constructor(e){this.editor=e.editor,this.rawCommands=this.editor.extensionManager.commands,this.customState=e.state}get hasCustomState(){return!!this.customState}get state(){return this.customState||this.editor.state}get commands(){let{rawCommands:e,editor:t,state:n}=this,{view:r}=t,{tr:i}=n,a=this.buildProps(i);return Object.fromEntries(Object.entries(e).map(([e,t])=>[e,(...e)=>{let n=t(...e)(a);return!i.getMeta(`preventDispatch`)&&!this.hasCustomState&&r.dispatch(i),n}]))}get chain(){return()=>this.createChain()}get can(){return()=>this.createCan()}createChain(e,t=!0){let{rawCommands:n,editor:r,state:i}=this,{view:a}=r,o=[],s=!!e,c=e||i.tr,l=()=>(!s&&t&&!c.getMeta(`preventDispatch`)&&!this.hasCustomState&&a.dispatch(c),o.every(e=>e===!0)),u={...Object.fromEntries(Object.entries(n).map(([e,n])=>[e,(...e)=>{let r=this.buildProps(c,t),i=n(...e)(r);return o.push(i),u}])),run:l};return u}static createFakeChain(){let e=new Proxy({},{get:(t,n)=>{if(n!==`then`)return n===`run`?()=>!1:()=>e}});return e}createCan(e){let{rawCommands:t,state:n}=this,r=e||n.tr,i=this.buildProps(r,!1);return{...Object.fromEntries(Object.entries(t).map(([e,t])=>[e,(...e)=>t(...e)({...i,dispatch:void 0})])),chain:()=>this.createChain(r,!1)}}static createFallbackCan(){let t=e.createFakeChain();return new Proxy({chain:()=>t},{get:(e,t)=>{if(t!==`then`)return t===`chain`?e.chain:()=>!1}})}buildProps(e,t=!0){let{rawCommands:n,editor:r,state:i}=this,{view:a}=r,o={tr:e,editor:r,view:a,state:Uc({state:i,transaction:e}),dispatch:t?()=>void 0:void 0,chain:()=>this.createChain(e,t),can:()=>this.createCan(e),get commands(){return Object.fromEntries(Object.entries(n).map(([e,t])=>[e,(...e)=>t(...e)(o)]))}};return o}},Gc=()=>({editor:e,view:t})=>(requestAnimationFrame(()=>{if(!e.isDestroyed){var n;t.dom.blur(),(n=window)==null||(n=n.getSelection())==null||n.removeAllRanges()}}),!0),Kc=(e=!0)=>({commands:t})=>t.setContent(``,{emitUpdate:e}),qc=()=>({tr:e,dispatch:t})=>{let{selection:n}=e,{ranges:r}=n;if(!t)return!0;let i=e.mapping.maps.length;return r.forEach(({$from:t,$to:n})=>{let r=t.pos,a=n.pos,o=e.mapping.slice(i),s=1;e.doc.nodesBetween(o.map(r),o.map(a),(t,n)=>{s=Math.max(s,e.doc.resolve(n).depth+1)});for(let t=0;t{if(t.type.isText)return;e.mapping.maps.length!==s&&(s=e.mapping.maps.length,c=e.mapping.slice(n));let i=e.doc.resolve(c.map(r)),a=e.doc.resolve(c.map(r+t.nodeSize)),o=i.blockRange(a);if(!o)return;let l=Lt(o);if(t.type.isTextblock){let{defaultType:t}=i.parent.contentMatchAt(i.index()),n=e.doc.nodeAt(o.start);t&&n&&!n.hasMarkup(t)&&t.validContent(n.content)&&e.setNodeMarkup(o.start,t)}(l||l===0)&&e.lift(o,l)}),e.doc.eq(t))break}}),!0},Jc=e=>t=>e(t),Yc=()=>({state:e,dispatch:t})=>fr(e,t),Xc=(e,t)=>({editor:n,tr:r})=>{let{state:i}=n,a=i.doc.slice(e.from,e.to);r.deleteRange(e.from,e.to);let o=r.mapping.map(t);return r.insert(o,a.content),r.setSelection(new D(r.doc.resolve(Math.max(o-1,0)))),!0},Zc=()=>({tr:e,dispatch:t})=>{let{selection:n}=e,r=n.$anchor.node();if(r.content.size>0)return!1;let i=e.selection.$anchor;for(let n=i.depth;n>0;--n)if(i.node(n).type===r.type){if(t){let t=i.before(n),r=i.after(n);e.delete(t,r).scrollIntoView()}return!0}return!1};function B(e,t){if(typeof e==`string`){if(!t.nodes[e])throw Error(`There is no node type named '${e}'. Maybe you forgot to add the extension?`);return t.nodes[e]}return e}var Qc=e=>({tr:t,state:n,dispatch:r})=>{let i=B(e,n.schema),a=t.selection.$anchor;for(let e=a.depth;e>0;--e)if(a.node(e).type===i){if(r){let n=a.before(e),r=a.after(e);t.delete(n,r).scrollIntoView()}return!0}return!1},$c=e=>({tr:t,dispatch:n})=>{let{from:r,to:i}=e;return n&&t.delete(r,i),!0},el=e=>e.content?/^text(\*|\+)/.test(e.content):!1,tl=(e,t,n)=>{if(!e.parent.isInline||n===`left`&&e.pos>e.start()||n===`right`&&e.pos({from:tl(e,n,`left`),to:tl(t,n,`right`)}),rl=()=>({state:e,dispatch:t})=>{if(e.selection.empty)return!1;if(t){let n=e.tr,{ranges:r}=e.selection,i=e.selection instanceof D?e.selection.$from.marksAcross(e.selection.$to):null,a=n.steps.length;r.forEach(t=>{let r=n.mapping.slice(a),{from:i,to:o}=nl(n.doc.resolve(r.map(t.$from.pos)),n.doc.resolve(r.map(t.$to.pos)),e.schema);n.deleteRange(i,o)}),n.selection.empty||n.setSelection(D.near(n.doc.resolve(n.selection.from))),i&&n.ensureMarks(i),n.scrollIntoView(),t(n)}return!0},il=()=>({commands:e})=>e.keyboardShortcut(`Enter`),al=()=>({state:e,dispatch:t})=>dr(e,t);function ol(e){return Object.prototype.toString.call(e)===`[object RegExp]`}function sl(e,t,n={strict:!0}){let r=Object.keys(t);return!r.length||r.every(r=>n.strict?t[r]===e[r]:ol(t[r])?t[r].test(e[r]):t[r]===e[r])}function cl(e,t,n={}){return e.find(e=>e.type===t&&sl(Object.fromEntries(Object.keys(n).map(t=>[t,e.attrs[t]])),n))}function ll(e,t,n={}){return!!cl(e,t,n)}function ul(e,t,n){if(!e||!t)return;let r=e.parent.childAfter(e.parentOffset);if(r.node&&r.node.marks.some(e=>e.type===t)||(r=e.parent.childBefore(e.parentOffset)),!r.node||!r.node.marks.some(e=>e.type===t))return;if(!n){let e=r.node.marks.find(e=>e.type===t);e&&(n=e.attrs)}if(!cl([...r.node.marks],t,n))return;let i=r.index,a=e.start()+r.offset,o=i+1,s=a+r.node.nodeSize;for(;i>0&&ll([...e.parent.child(i-1).marks],t,n);)--i,a-=e.parent.child(i).nodeSize;for(;o({tr:n,state:r,dispatch:i})=>{let a=dl(e,r.schema),{doc:o,selection:s}=n,{$from:c,from:l,to:u}=s;if(i){let e=ul(c,a,t);if(e&&e.from<=l&&e.to>=u){let t=D.create(o,e.from,e.to);n.setSelection(t)}}return!0},pl=e=>t=>{let n=typeof e==`function`?e(t):e;for(let e=0;e({editor:n,view:r,tr:i,dispatch:a})=>{t={scrollIntoView:!0,...t};let o=()=>{(vl()||_l())&&r.dom.focus(),yl()&&!vl()&&!_l()&&r.dom.focus({preventScroll:!0}),requestAnimationFrame(()=>{n.isDestroyed||(r.focus(),t?.scrollIntoView&&n.commands.scrollIntoView())})};try{if(r.hasFocus()&&e===null||e===!1)return!0}catch{return!1}if(a&&e===null&&!ml(n.state.selection))return o(),!0;let s=gl(i.doc,e)||n.state.selection,c=n.state.selection.eq(s);return a&&(c||i.setSelection(s),c&&i.storedMarks&&i.setStoredMarks(i.storedMarks),o()),!0},xl=(e,t)=>n=>e.every((e,r)=>t(e,{...n,index:r})),Sl=(e,t)=>({tr:n,commands:r})=>r.insertContentAt({from:n.selection.from,to:n.selection.to},e,t),Cl=e=>{let t=e.childNodes;for(let n=t.length-1;n>=0;--n){let r=t[n];r.nodeType===3&&r.nodeValue&&/^(\n\s\s|\n)$/.test(r.nodeValue)?e.removeChild(r):r.nodeType===1&&Cl(r)}return e};function wl(e){if(typeof window>`u`)throw Error(`[tiptap error]: there is no window object available, so this function cannot be used`);let t=`${e}`,n=new window.DOMParser().parseFromString(t,`text/html`).body;return Cl(n)}function Tl(e){return typeof e?.nodesBetween==`function`}function El(e,t,n){if(Tl(e))return e;let r=typeof e==`object`&&!!e;n={slice:!0,parseOptions:{},...n};let i=typeof e==`string`;if(r)try{if(Array.isArray(e)&&e.length>0)return p.fromArray(e.map(e=>t.nodeFromJSON(e)));let r=t.nodeFromJSON(e);return n.errorOnInvalidContent&&r.check(),r}catch(r){if(n.errorOnInvalidContent)throw Error(`[tiptap error]: Invalid JSON content`,{cause:r});return console.warn(`[tiptap warn]: Invalid content.`,`Passed value:`,e,`Error:`,r),El(``,t,n)}if(i){if(n.errorOnInvalidContent){let r=!1,i=``,a=new ze({topNode:t.spec.topNode,marks:t.spec.marks,nodes:t.spec.nodes.append({__tiptap__private__unknown__catch__all__node:{content:`inline*`,group:`block`,parseDOM:[{tag:`*`,getAttrs:e=>(r=!0,i=typeof e==`string`?e:e.outerHTML,null)}]}})});if(n.slice?Ue.fromSchema(a).parseSlice(wl(e),n.parseOptions):Ue.fromSchema(a).parse(wl(e),n.parseOptions),n.errorOnInvalidContent&&r)throw Error(`[tiptap error]: Invalid HTML content`,{cause:Error(`Invalid element found: ${i}`)})}let r=Ue.fromSchema(t);return n.slice?r.parseSlice(wl(e),n.parseOptions).content:r.parse(wl(e),n.parseOptions)}return El(``,t,n)}function Dl(e){return!(`type`in e)}function Ol(e,t,n){let r=e.steps.length-1;if(r{o===0&&(o=r)}),e.setSelection(E.near(e.doc.resolve(o),n))}var kl=(e,t,n)=>({tr:r,dispatch:i,editor:a})=>{if(i){n={parseOptions:a.options.parseOptions,updateSelection:!0,applyInputRules:!1,applyPasteRules:!1,...n};let i,o=e=>{a.emit(`contentError`,{editor:a,error:e,disableCollaboration:()=>{`collaboration`in a.storage&&typeof a.storage.collaboration==`object`&&a.storage.collaboration&&(a.storage.collaboration.isDisabled=!0)}})},s={preserveWhitespace:`full`,...n.parseOptions};if(!n.errorOnInvalidContent&&!a.options.enableContentCheck&&a.options.emitContentError)try{El(t,a.schema,{parseOptions:s,errorOnInvalidContent:!0})}catch(e){o(e)}try{i=El(t,a.schema,{parseOptions:s,errorOnInvalidContent:n.errorOnInvalidContent??a.options.enableContentCheck})}catch(e){return o(e),!1}let{from:c,to:l}=typeof e==`number`?{from:e,to:e}:{from:e.from,to:e.to},u=!0,d=!0,f=Dl(i)?i.content:[i];if(f.forEach(e=>{e.check(),u=u?e.isText&&e.marks.length===0:!1,d=d?e.isBlock:!1}),c===l&&d){let{parent:e}=r.doc.resolve(c);e.isTextblock&&!e.type.spec.code&&!e.childCount&&(--c,l+=1)}let m;if(u)m=Array.isArray(t)?t.map(e=>e.text||``).join(``):Tl(t)?f.map(e=>e.text??``).join(``):typeof t==`object`&&t&&t.text?t.text:t,r.insertText(m,c,l);else{m=p.from(f);let e=r.doc.resolve(c),t=e.node(),n=e.parentOffset===0,i=t.isText||t.isTextblock,a=t.content.size>0;n&&i&&a&&d&&(c=Math.max(0,c-1)),r.replaceWith(c,l,f)}n.updateSelection&&Ol(r,r.steps.length-1,-1),n.applyInputRules&&r.setMeta(`applyInputRules`,{from:c,text:m}),n.applyPasteRules&&r.setMeta(`applyPasteRules`,{from:c,text:m})}return!0};function Al(e){for(let t=0;t({tr:t,dispatch:n,editor:r})=>{let{pos:i,attrs:a,content:o,updateSelection:s=!0}=e,c;c=typeof i==`number`?t.doc.resolve(i):i||t.selection.$from;let l=Al(c.parent.contentMatchAt(c.index()));if(!l)return!1;let u=Object.keys(l.spec.attrs||{}),d=a?Object.fromEntries(Object.entries(a).filter(([e])=>u.includes(e))):{},f;if(o){let e=El(o,r.schema);f=l.createAndFill(d,e)}else f=l.createAndFill(d);return f?(n&&(t.insert(c.pos,f),s&&Ol(t,t.steps.length-1,-1)),!0):!1},Ml=()=>({state:e,dispatch:t})=>or(e,t),Nl=()=>({state:e,dispatch:t})=>sr(e,t),Pl=()=>({state:e,dispatch:t})=>Yn(e,t),Fl=()=>({state:e,dispatch:t})=>rr(e,t),Il=(e,t)=>{let n=e.resolve(t),r=n.nodeBefore,i=n.nodeAfter;return!r||!i?!1:!r.type.spec.isolating&&!i.type.spec.isolating},Ll=()=>({state:e,dispatch:t,tr:n})=>{try{let r=en(e.doc,e.selection.$from.pos,-1);return r==null||!Il(e.doc,r)?!1:(n.join(r,2),t&&t(n),!0)}catch{return!1}},Rl=()=>({state:e,dispatch:t,tr:n})=>{try{let r=en(e.doc,e.selection.$from.pos,1);return r==null||!Il(e.doc,r)?!1:(n.join(r,2),t&&t(n),!0)}catch{return!1}},zl=()=>({state:e,dispatch:t})=>Xn(e,t),Bl=()=>({state:e,dispatch:t})=>Zn(e,t);function Vl(){return typeof navigator<`u`&&/Mac/.test(navigator.platform)}function Hl(e){let t=e.split(/-(?!$)/),n=t[t.length-1];n===`Space`&&(n=` `);let r,i,a,o;for(let e=0;e({editor:t,view:n,tr:r,dispatch:i})=>{let a=Hl(e).split(/-(?!$)/),o=a.find(e=>![`Alt`,`Ctrl`,`Meta`,`Shift`].includes(e)),s=new KeyboardEvent(`keydown`,{key:o===`Space`?` `:o,altKey:a.includes(`Alt`),ctrlKey:a.includes(`Ctrl`),metaKey:a.includes(`Meta`),shiftKey:a.includes(`Shift`),bubbles:!0,cancelable:!0});return t.captureTransaction(()=>{n.someProp(`handleKeyDown`,e=>e(n,s))})?.steps.forEach(e=>{let t=e.map(r.mapping);t&&i&&r.maybeStep(t)}),!0};function Wl(e,t,n={}){let{from:r,to:i,empty:a}=e.selection,o=t?B(t,e.schema):null,s=[];e.doc.nodesBetween(r,i,(e,t)=>{if(e.isText)return;let n=Math.max(r,t),a=Math.min(i,t+e.nodeSize);s.push({node:e,from:n,to:a})});let c=i-r,l=s.filter(e=>!o||o.name===e.node.type.name).filter(e=>sl(e.node.attrs,n,{strict:!1}));return a?!!l.length:l.reduce((e,t)=>e+t.to-t.from,0)>=c}var Gl=(e,t={})=>({state:n,dispatch:r})=>Wl(n,B(e,n.schema),t)?cr(n,r):!1,Kl=()=>({state:e,dispatch:t})=>pr(e,t),ql=e=>({state:t,dispatch:n})=>Pr(B(e,t.schema))(t,n),Jl=()=>({state:e,dispatch:t})=>lr(e,t);function Yl(e,t){return t.nodes[e]?`node`:t.marks[e]?`mark`:null}function Xl(e,t){let n=typeof t==`string`?[t]:t;return Object.keys(e).reduce((t,r)=>(n.includes(r)||(t[r]=e[r]),t),{})}var Zl=(e,t)=>({tr:n,state:r,dispatch:i})=>{let a=null,o=null,s=Yl(typeof e==`string`?e:e.name,r.schema);if(!s)return!1;s===`node`&&(a=B(e,r.schema)),s===`mark`&&(o=dl(e,r.schema));let c=!1;return n.selection.ranges.forEach(e=>{r.doc.nodesBetween(e.$from.pos,e.$to.pos,(e,r)=>{a&&a===e.type&&(c=!0,i&&n.setNodeMarkup(r,void 0,Xl(e.attrs,t))),o&&e.marks.length&&e.marks.forEach(a=>{o===a.type&&(c=!0,i&&n.addMark(r,r+e.nodeSize,o.create(Xl(a.attrs,t))))})})}),c},Ql=()=>({tr:e,dispatch:t})=>(t&&e.scrollIntoView(),!0),$l=()=>({tr:e,dispatch:t})=>{if(t){let t=new jn(e.doc);e.setSelection(t)}return!0},eu=()=>({state:e,dispatch:t})=>er(e,t),tu=()=>({state:e,dispatch:t})=>ir(e,t),nu=()=>({state:e,dispatch:t})=>gr(e,t),ru=()=>({state:e,dispatch:t})=>Sr(e,t),iu=()=>({state:e,dispatch:t})=>xr(e,t);function au(e,t,n={},r={}){return El(e,t,{slice:!1,parseOptions:n,errorOnInvalidContent:r.errorOnInvalidContent})}var ou=(e,{errorOnInvalidContent:t,emitUpdate:n=!0,parseOptions:r={}}={})=>({editor:i,tr:a,dispatch:o,commands:s})=>{let{doc:c}=a;if(r.preserveWhitespace!==`full`){let s=au(e,i.schema,r,{errorOnInvalidContent:t??i.options.enableContentCheck});if(o){let e=Dl(s)?s.content:[s];a.replaceWith(0,c.content.size,e).setMeta(`preventUpdate`,!n)}return!0}return o&&a.setMeta(`preventUpdate`,!n),s.insertContentAt({from:0,to:c.content.size},e,{parseOptions:r,errorOnInvalidContent:t??i.options.enableContentCheck})};function su(e,t){let n=dl(t,e.schema),{from:r,to:i,empty:a}=e.selection,o=[];a?(e.storedMarks&&o.push(...e.storedMarks),o.push(...e.selection.$head.marks())):e.doc.nodesBetween(r,i,e=>{o.push(...e.marks)});let s=o.find(e=>e.type.name===n.name);return s?{...s.attrs}:{}}function cu(e,t){let n=new wn(e);return t.forEach(e=>{e.steps.forEach(e=>{n.step(e)})}),n}function lu(e,t,n){let r=[];return e.nodesBetween(t.from,t.to,(e,t)=>{n(e)&&r.push({node:e,pos:t})}),r}function uu(e,t){for(let n=e.depth;n>0;--n){let r=e.node(n);if(t(r))return{pos:n>0?e.before(n):0,start:e.start(n),depth:n,node:r}}}function du(e){return t=>uu(t.$from,e)}function fu(e,t,n){return e.config[t]===void 0&&e.parent?fu(e.parent,t,n):typeof e.config[t]==`function`?e.config[t].bind({...n,parent:e.parent?fu(e.parent,t,n):null}):e.config[t]}function pu(e){return{baseExtensions:e.filter(e=>e.type===`extension`),nodeExtensions:e.filter(e=>e.type===`node`),markExtensions:e.filter(e=>e.type===`mark`)}}function mu(e){return typeof e==`function`}function hu(e,t=void 0,...n){return mu(e)?t?e.bind(t)(...n):e(...n):e}function gu(e){let t=[],n=``,r=!1,i=!1,a=0,o=e.length;for(let s=0;s0){--a,n+=o;continue}if(o===`;`&&a===0){t.push(n),n=``;continue}}n+=o}}return n&&t.push(n),t}function _u(e){let t=[],n=gu(e||``),r=n.length;for(let e=0;e!!e).reduce((e,t)=>{let n={...e};return Object.entries(t).forEach(([e,t])=>{if(e===`__proto__`)Object.defineProperty(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0});else if(!n[e])n[e]=t;else if(e===`class`){let r=t?String(t).split(` `):[],i=n[e]?n[e].split(` `):[],a=r.filter(e=>!i.includes(e));n[e]=[...i,...a].join(` `)}else if(e===`style`){let r=new Map([..._u(n[e]),..._u(t)]);n[e]=Array.from(r.entries()).map(([e,t])=>`${e}: ${t}`).join(`; `)}else n[e]=t}),n},{})}function vu(e,t){return t.filter(t=>t.type===e.type.name).filter(e=>e.attribute.rendered).map(t=>t.attribute.renderHTML?t.attribute.renderHTML(e.attrs)||{}:{[t.name]:e.attrs[t.name]}).reduce((e,t)=>V(e,t),{})}function yu(e,t,n){let{from:r,to:i}=t,{blockSeparator:a=` + +`,textSerializers:o={}}=n||{},s=``;return e.nodesBetween(r,i,(e,n,c,l)=>{e.isBlock&&n>r&&(s+=a);let u=o?.[e.type.name];if(u)return c&&(s+=u({node:e,pos:n,parent:c,index:l,range:t})),!1;if(e.isText){var d;s+=e==null||(d=e.text)==null?void 0:d.slice(Math.max(r,n)-n,i-n)}}),s}function bu(e){return Object.fromEntries(Object.entries(e.nodes).filter(([,e])=>e.spec.toText).map(([e,t])=>[e,t.spec.toText]))}function xu(e,t){let n=B(t,e.schema),{from:r,to:i}=e.selection,a=[];e.doc.nodesBetween(r,i,e=>{a.push(e)});let o=a.reverse().find(e=>e.type.name===n.name);return o?{...o.attrs}:{}}function Su(e,t){let n=Yl(typeof t==`string`?t:t.name,e.schema);return n===`node`?xu(e,t):n===`mark`?su(e,t):{}}function Cu(e,t=JSON.stringify){let n={};return e.filter(e=>{let r=t(e);return Object.prototype.hasOwnProperty.call(n,r)?!1:n[r]=!0})}function wu(e){let t=Cu(e);return t.length===1?t:t.filter((e,n)=>!t.filter((e,t)=>t!==n).some(t=>e.oldRange.from>=t.oldRange.from&&e.oldRange.to<=t.oldRange.to&&e.newRange.from>=t.newRange.from&&e.newRange.to<=t.newRange.to))}function Tu(e){let{mapping:t,steps:n}=e,r=[],i=t.invert();return t.maps.forEach((e,a)=>{let o=[];if(e.ranges.length)e.forEach((e,t)=>{o.push({from:e,to:t})});else{let{from:e,to:t}=n[a];if(e===void 0||t===void 0)return;o.push({from:e,to:t})}let s=t.slice(a);o.forEach(({from:e,to:t})=>{let n=s.map(e,-1),a=s.map(t),o=i.map(n,-1),c=i.map(a);r.push({oldRange:{from:o,to:c},newRange:{from:n,to:a}})})}),wu(r)}function Eu(e,t,n){let r=[];return e===t?n.resolve(e).marks().forEach(t=>{let i=ul(n.resolve(e),t.type);i&&r.push({mark:t,...i})}):n.nodesBetween(e,t,(e,t)=>{e&&e?.nodeSize!==void 0&&r.push(...e.marks.map(n=>({from:t,to:t+e.nodeSize,mark:n})))}),r}var Du=(e,t,n,r=20)=>{let i=e.doc.resolve(n),a=r,o=null;for(;a>0&&o===null;){let e=i.node(a);e?.type.name===t?o=e:--a}return[o,a]},Ou=e=>{let t=e.depth-1;if(t<0)return null;let n=e.index(t);return n===0?null:e.node(t).child(n-1)};function ku(e,t,n){return Object.fromEntries(Object.entries(n).filter(([n])=>{let r=e.find(e=>e.type===t&&e.name===n);return r?r.attribute.keepOnSplit:!1}))}function Au(e,t,n={}){let{empty:r,ranges:i}=e.selection,a=t?dl(t,e.schema):null;if(r)return!!(e.storedMarks||e.selection.$from.marks()).filter(e=>!a||a.name===e.type.name).find(e=>sl(e.attrs,n,{strict:!1}));let o=0,s=[];if(i.forEach(({$from:t,$to:n})=>{let r=t.pos,i=n.pos;e.doc.nodesBetween(r,i,(e,t)=>{if(a&&e.inlineContent&&!e.type.allowsMarkType(a))return!1;if(!e.isText&&!e.marks.length)return;let n=Math.max(r,t),c=Math.min(i,t+e.nodeSize),l=c-n;o+=l,s.push(...e.marks.map(e=>({mark:e,from:n,to:c})))})}),o===0)return!1;let c=s.filter(e=>!a||a.name===e.mark.type.name).filter(e=>sl(e.mark.attrs,n,{strict:!1})).reduce((e,t)=>e+t.to-t.from,0),l=s.filter(e=>!a||e.mark.type!==a&&e.mark.type.excludes(a)).reduce((e,t)=>e+t.to-t.from,0);return(c>0?c+l:c)>=o}var ju=(e,t)=>{let{$from:n,$to:r,$anchor:i}=e.selection;if(t){let n=du(e=>e.type.name===t)(e.selection);if(!n)return!1;let r=e.doc.resolve(n.pos+1);return i.pos+1===r.end()}return!(r.parentOffset{let{$from:t,$to:n}=e.selection;return!(t.parentOffset>0||t.pos!==n.pos)};function Nu(e,t){let{nodeExtensions:n}=pu(t),r=n.find(t=>t.name===e);if(!r)return!1;let i=hu(fu(r,`group`,{name:r.name,options:r.options,storage:r.storage}));return typeof i==`string`&&i.split(` `).includes(`list`)}function Pu(e,{checkChildren:t=!0,ignoreWhitespace:n=!1}={}){if(n){if(e.type.name===`hardBreak`)return!0;if(e.isText)return!/\S/.test(e.text??``)}if(e.isText)return!e.text;if(e.isAtom||e.isLeaf)return!1;if(e.content.childCount===0)return!0;if(t){let r=!0;return e.content.forEach(e=>{r!==!1&&(Pu(e,{ignoreWhitespace:n,checkChildren:t})||(r=!1))}),r}return!1}function Fu(e){return e instanceof O}function Iu(e,t,n){let{selection:r}=t,i=null;if(ml(r)&&(i=r.$cursor),i){let t=e.storedMarks??i.marks();return i.parent.type.allowsMarkType(n)&&(!!n.isInSet(t)||!t.some(e=>e.type.excludes(n)))}let{ranges:a}=r;return a.some(({$from:t,$to:r})=>{let i=t.depth===0&&e.doc.inlineContent&&e.doc.type.allowsMarkType(n);return e.doc.nodesBetween(t.pos,r.pos,(e,t,r)=>{if(i)return!1;if(e.isInline){let t=!r||r.type.allowsMarkType(n),a=!!n.isInSet(e.marks)||!e.marks.some(e=>e.type.excludes(n));i=t&&a}return!i}),i})}var Lu=(e,t={})=>({tr:n,state:r,dispatch:i})=>{let{selection:a}=n,{empty:o,ranges:s}=a,c=dl(e,r.schema);if(i){if(o){let e=su(r,c);n.addStoredMark(c.create({...e,...t}))}else s.forEach(e=>{let i=e.$from.pos,a=e.$to.pos;r.doc.nodesBetween(i,a,(e,r)=>{let o=Math.max(r,i),s=Math.min(r+e.nodeSize,a);e.marks.find(e=>e.type===c)?e.marks.forEach(e=>{c===e.type&&n.addMark(o,s,c.create({...e.attrs,...t}))}):n.addMark(o,s,c.create(t))})})}return Iu(r,n,c)},Ru=(e,t)=>({tr:n})=>(n.setMeta(e,t),!0),zu=(e,t={})=>({state:n,dispatch:r,chain:i})=>{let a=B(e,n.schema),o;return n.selection.$anchor.sameParent(n.selection.$head)&&(o=n.selection.$anchor.parent.attrs),a.isTextblock?i().command(({commands:e})=>wr(a,{...o,...t})(n)?!0:e.clearNodes()).command(({state:e})=>wr(a,{...o,...t})(e,r)).run():(console.warn(`[tiptap warn]: Currently "setNode()" only supports text block nodes.`),!1)},Bu=e=>({tr:t,dispatch:n})=>{if(n){let{doc:n}=t,r=hl(e,0,n.content.size),i=O.create(n,r);t.setSelection(i)}return!0},Vu=(e,t)=>({tr:n,state:r,dispatch:i})=>{let{selection:a}=r,o,s;return typeof t==`number`?(o=t,s=t):t&&`from`in t&&`to`in t?(o=t.from,s=t.to):(o=a.from,s=a.to),i&&n.doc.nodesBetween(o,s,(t,r)=>{t.isText||n.setNodeMarkup(r,void 0,{...t.attrs,dir:e})}),!0},Hu=e=>({tr:t,dispatch:n})=>{if(n){let{doc:n}=t,{from:r,to:i}=typeof e==`number`?{from:e,to:e}:e,a=D.atStart(n).from,o=D.atEnd(n).to,s=hl(r,a,o),c=hl(i,a,o),l=D.create(n,s,c);t.setSelection(l)}return!0},Uu=e=>({state:t,dispatch:n})=>Lr(B(e,t.schema))(t,n);function Wu(e,t){let n=e.storedMarks||e.selection.$to.parentOffset&&e.selection.$from.marks();if(n){let r=n.filter(e=>t?.includes(e.type.name));e.tr.ensureMarks(r)}}var Gu=({keepMarks:e=!0}={})=>({tr:t,state:n,dispatch:r,editor:i})=>{let{selection:a,doc:o}=t,{$from:s,$to:c}=a,l=i.extensionManager.attributes,u=ku(l,s.node().type.name,s.node().attrs);if(a instanceof O&&a.node.isBlock)return!s.parentOffset||!Yt(o,s.pos)?!1:(r&&(e&&Wu(n,i.extensionManager.splittableMarks),t.split(s.pos).scrollIntoView()),!0);if(!s.parent.isBlock)return!1;let d=c.parentOffset===c.parent.content.size,f=s.depth===0?void 0:Al(s.node(-1).contentMatchAt(s.indexAfter(-1))),p=d&&f?[{type:f,attrs:u}]:void 0,m=a instanceof D&&!a.empty?Un.create({doc:t.doc,selection:a}).tr.deleteSelection():null,h=m?m.doc:t.doc,g=m?m.mapping.map(s.pos):s.pos,_=Yt(h,g,1,p);if(!p&&!_&&Yt(h,g,1,f?[{type:f}]:void 0)&&(_=!0,p=f?[{type:f,attrs:u}]:void 0),r){if(_){let e=t.steps.length;if(a instanceof D&&t.deleteSelection(),t.split(t.mapping.slice(e).map(s.pos),1,p),f&&!d&&!s.parentOffset&&s.parent.type!==f){let n=t.mapping.slice(e).map(s.before()),r=t.doc.resolve(n);s.node(-1).canReplaceWith(r.index(),r.index()+1,f)&&t.setNodeMarkup(t.mapping.slice(e).map(s.before()),f)}}e&&Wu(n,i.extensionManager.splittableMarks),t.scrollIntoView()}return _},Ku=(e,t={})=>({tr:n,state:r,dispatch:i,editor:a})=>{let o=B(e,r.schema),{$from:s,$to:c}=r.selection,l=r.selection.node;if(l&&l.isBlock||s.depth<2||!s.sameParent(c))return!1;let u=s.node(-1);if(u.type!==o)return!1;let d=a.extensionManager.attributes;if(s.parent.content.size===0&&s.node(-1).childCount===s.indexAfter(-1)){if(s.depth===2||s.node(-3).type!==o||s.index(-2)!==s.node(-2).childCount-1)return!1;if(i){let e=p.empty,r=s.index(-1)?1:s.index(-2)?2:3;for(let t=s.depth-r;t>=s.depth-3;--t)e=p.from(s.node(t).copy(e));let i=s.indexAfter(-1){if(u>-1)return!1;e.isTextblock&&e.content.size===0&&(u=t+1)}),u>-1&&n.setSelection(D.near(n.doc.resolve(u))),n.scrollIntoView()}return!0}let f=c.pos===s.end()?u.contentMatchAt(0).defaultType:null,m={...ku(d,u.type.name,u.attrs),...t},h={...ku(d,s.node().type.name,s.node().attrs),...t},g=s.parentOffset===0&&s.index(-1)===0,_=s.before(-1);n.delete(s.pos,c.pos);let v=g?u.attrs:m,b=f?[{type:o,attrs:v},{type:f,attrs:h}]:[{type:o,attrs:v}];if(!Yt(n.doc,s.pos,2))return!1;if(i){let{selection:e,storedMarks:t}=r,{splittableMarks:o}=a.extensionManager,c=t||e.$to.parentOffset&&e.$from.marks();if(n.split(s.pos,2,b).scrollIntoView(),g&&n.setNodeMarkup(_,void 0,m),!c||!i)return!0;let l=c.filter(e=>o.includes(e.type.name));n.ensureMarks(l)}return!0};function qu(e,t,n){if(!e.validContent(t))return null;try{return e.create(n,t)}catch{return null}}function Ju(e,t){if(e.pendingContent.length===0)return!0;let n=qu(t,p.from(e.pendingContent));return n?(e.items.push(n),e.pendingContent=[],!0):!1}function Yu(e,t,n){return n.validContent(p.from([...t.pendingContent,e]))?(t.pendingContent.push(e),!0):!Ju(t,n)||!n.validContent(p.from(e))?!1:(t.pendingContent.push(e),!0)}function Xu(e,t,n,r){let i=r(e,n);if(!i)return!1;let a=qu(n.listType,p.from(i),e.attrs);return a?n.itemType.validContent(p.from([...t.pendingContent,a]))?(t.pendingContent.push(a),!0):Ju(t,n.itemType)?(t.items.push(...i),!0):!1:!1}function Zu(e,t,n){let r={items:[],pendingContent:[]};for(let i=0;ie!==t||(n=r,!1)),n}function ed(e){return!e||e===`1`?null:e}function td(e,t){return ed(e)===ed(t)}var nd=(e,t)=>{let n=du(e=>e.type===t)(e.selection);if(!n)return!0;let r=e.doc.resolve(Math.max(0,n.pos-1)).before(n.depth);if(r===void 0)return!0;let i=e.doc.nodeAt(r);return!(n.node.type===i?.type&&Zt(e.doc,n.pos))||!td(n.node.attrs.type,i?.attrs.type)||e.join(n.pos),!0},rd=(e,t)=>{let n=du(e=>e.type===t)(e.selection);if(!n)return!0;let r=e.doc.resolve(n.start).after(n.depth);if(r===void 0)return!0;let i=e.doc.nodeAt(r);return!(n.node.type===i?.type&&Zt(e.doc,r))||!td(n.node.attrs.type,i?.attrs.type)||e.join(r),!0};function id(e){let t=e.doc,n=t.firstChild;if(!n)return null;let r=t.resolve(1),i=t.resolve(n.nodeSize-1);return D.between(r,i)}var ad=(e,t,n,r={})=>({editor:i,tr:a,state:o,dispatch:s,chain:c,commands:l,can:u})=>{let{extensions:d,splittableMarks:f}=i.extensionManager,m=B(e,o.schema),h=B(t,o.schema),{selection:g,storedMarks:_}=o,{$from:v,$to:y}=g,b=v.blockRange(y),x=_||g.$to.parentOffset&&g.$from.marks();if(!b)return!1;let S=du(e=>Nu(e.type.name,d))(g),ee=g.from===0&&g.to===o.doc.content.size,te=o.doc.content.content,ne=te.length===1?te[0]:null,re=ee&&ne&&Nu(ne.type.name,d)?{node:ne,pos:0,depth:0}:null,C=S??re,ie=!!S&&b.depth>=1&&b.depth-S.depth<=1,ae=!!re;if((ie||ae)&&C){if(C.node.type===m)return ee&&ae?c().command(({tr:e,dispatch:t})=>{let n=id(e);return n?(e.setSelection(n),t&&t(e),!0):!1}).liftListItem(h).run():l.liftListItem(h);if(Nu(C.node.type.name,d)&&m.validContent(C.node.content))return c().command(()=>(a.setNodeMarkup(C.pos,m),!0)).command(()=>nd(a,m)).command(()=>rd(a,m)).run();if(Nu(C.node.type.name,d)){let e=C.node.firstChild?.type;if(e&&e!==h){let e=Qu(C.node,{listType:m,itemType:h,isListNode:e=>Nu(e.type.name,d)}),t=e?p.from(e):null;return!t||!m.validContent(t)?!1:c().command(()=>{let{$anchor:e,$head:n}=a.selection,i=e.parent,o=n.parent,s=e.parentOffset,c=n.parentOffset,l;try{l=m.create(r,t)}catch{return!1}if(a.replaceWith(C.pos,C.pos+C.node.nodeSize,l),i.inlineContent&&o.inlineContent){let e=$u(l,i),t=$u(l,o);if(e!==null&&t!==null){let n=C.pos+e+2+s,r=C.pos+t+2+c;a.setSelection(D.create(a.doc,n,r))}}return!0}).command(()=>nd(a,m)).command(()=>rd(a,m)).run()}}}return!n||!x||!s?c().command(()=>u().wrapInList(m,r)?!0:l.clearNodes()).wrapInList(m,r).command(()=>nd(a,m)).command(()=>rd(a,m)).run():c().command(()=>{let e=u().wrapInList(m,r),t=x.filter(e=>f.includes(e.type.name));return a.ensureMarks(t),e?!0:l.clearNodes()}).wrapInList(m,r).command(()=>nd(a,m)).command(()=>rd(a,m)).run()},od=(e,t={},n={})=>({state:r,commands:i})=>{let{extendEmptyMarkRange:a=!1}=n,o=dl(e,r.schema);return Au(r,o,t)?i.unsetMark(o,{extendEmptyMarkRange:a}):i.setMark(o,t)},sd=(e,t,n={})=>({state:r,commands:i})=>{let a=B(e,r.schema),o=B(t,r.schema),s=Wl(r,a,n),c;return r.selection.$anchor.sameParent(r.selection.$head)&&(c=r.selection.$anchor.parent.attrs),s?i.setNode(o,c):i.setNode(a,{...c,...n})},cd=(e,t={})=>({state:n,commands:r})=>{let i=B(e,n.schema);return Wl(n,i,t)?r.lift(i):r.wrapIn(i,t)},ld=()=>({state:e,dispatch:t})=>{let n=e.plugins;for(let r=0;r=0;--e)t.step(n.steps[e].invert(n.docs[e]));if(a.text){let n=t.doc.resolve(a.from).marks();t.replaceWith(a.from,a.to,e.schema.text(a.text,n))}else t.delete(a.from,a.to)}return!0}}return!1},ud=(e={})=>({tr:t,dispatch:n,editor:r})=>{let{ignoreClearable:i=!1}=e,{selection:a}=t,{empty:o,ranges:s}=a;if(o)return!0;let{nonClearableMarks:c}=r.extensionManager;if(n){let e=Object.values(r.schema.marks).filter(e=>i||!c.includes(e.name));s.forEach(n=>{for(let r of e)t.removeMark(n.$from.pos,n.$to.pos,r)})}return!0},dd=(e,t={})=>({tr:n,state:r,dispatch:i})=>{let{extendEmptyMarkRange:a=!1}=t,{selection:o}=n,s=dl(e,r.schema),{$from:c,empty:l,ranges:u}=o;if(!i)return!0;if(l&&a){let{from:e,to:t}=o,r=ul(c,s,c.marks().find(e=>e.type===s)?.attrs);r&&(e=r.from,t=r.to),n.removeMark(e,t,s)}else u.forEach(e=>{n.removeMark(e.$from.pos,e.$to.pos,s)});return n.removeStoredMark(s),!0},fd=e=>({tr:t,state:n,dispatch:r})=>{let{selection:i}=n,a,o;return typeof e==`number`?(a=e,o=e):e&&`from`in e&&`to`in e?(a=e.from,o=e.to):(a=i.from,o=i.to),r&&t.doc.nodesBetween(a,o,(e,n)=>{if(e.isText)return;let r={...e.attrs};delete r.dir,t.setNodeMarkup(n,void 0,r)}),!0},pd=(e,t={})=>({tr:n,state:r,dispatch:i})=>{let a=null,o=null,s=Yl(typeof e==`string`?e:e.name,r.schema);if(!s)return!1;s===`node`&&(a=B(e,r.schema)),s===`mark`&&(o=dl(e,r.schema));let c=!1;return n.selection.ranges.forEach(e=>{let s=e.$from.pos,l=e.$to.pos,u,d,f,p;n.selection.empty?r.doc.nodesBetween(s,l,(e,t)=>{a&&a===e.type&&(c=!0,f=Math.max(t,s),p=Math.min(t+e.nodeSize,l),u=t,d=e)}):r.doc.nodesBetween(s,l,(e,r)=>{r=s&&r<=l&&(a&&a===e.type&&(c=!0,i&&n.setNodeMarkup(r,void 0,{...e.attrs,...t})),o&&e.marks.length&&e.marks.forEach(a=>{if(o===a.type&&(c=!0,i)){let i=Math.max(r,s),c=Math.min(r+e.nodeSize,l);n.addMark(i,c,o.create({...a.attrs,...t}))}}))}),d&&(u!==void 0&&i&&n.setNodeMarkup(u,void 0,{...d.attrs,...t}),o&&d.marks.length&&d.marks.forEach(e=>{o===e.type&&i&&n.addMark(f,p,o.create({...e.attrs,...t}))}))}),c},md=new A(`__tiptap_decorations__`),hd=e=>({tr:t,dispatch:n})=>(n&&t.setMeta(md,{type:`force`,name:e}),!0),gd=(e,t={})=>({state:n,dispatch:r})=>Cr(B(e,n.schema),t)(n,r),_d=(e,t={})=>({state:n,dispatch:r})=>Ar(B(e,n.schema),t)(n,r),vd=s({blur:()=>Gc,clearContent:()=>Kc,clearNodes:()=>qc,command:()=>Jc,createParagraphNear:()=>Yc,cut:()=>Xc,deleteCurrentNode:()=>Zc,deleteNode:()=>Qc,deleteRange:()=>$c,deleteSelection:()=>rl,enter:()=>il,exitCode:()=>al,extendMarkRange:()=>fl,first:()=>pl,focus:()=>bl,forEach:()=>xl,insertContent:()=>Sl,insertContentAt:()=>kl,insertDefaultBlock:()=>jl,joinBackward:()=>Pl,joinDown:()=>Nl,joinForward:()=>Fl,joinItemBackward:()=>Ll,joinItemForward:()=>Rl,joinTextblockBackward:()=>zl,joinTextblockForward:()=>Bl,joinUp:()=>Ml,keyboardShortcut:()=>Ul,lift:()=>Gl,liftEmptyBlock:()=>Kl,liftListItem:()=>ql,newlineInCode:()=>Jl,resetAttributes:()=>Zl,scrollIntoView:()=>Ql,selectAll:()=>$l,selectNodeBackward:()=>eu,selectNodeForward:()=>tu,selectParentNode:()=>nu,selectTextblockEnd:()=>ru,selectTextblockStart:()=>iu,setContent:()=>ou,setMark:()=>Lu,setMeta:()=>Ru,setNode:()=>zu,setNodeSelection:()=>Bu,setTextDirection:()=>Vu,setTextSelection:()=>Hu,sinkListItem:()=>Uu,splitBlock:()=>Gu,splitListItem:()=>Ku,toggleList:()=>ad,toggleMark:()=>od,toggleNode:()=>sd,toggleWrap:()=>cd,undoInputRule:()=>ld,unsetAllMarks:()=>ud,unsetMark:()=>dd,unsetTextDirection:()=>fd,updateAttributes:()=>pd,updateDecorations:()=>hd,wrapIn:()=>gd,wrapInList:()=>_d});function yd(e,t){let{selection:n}=e,{$from:r}=n;if(n instanceof O){let e=r.index();return r.parent.canReplaceWith(e,e+1,t)}let i=r.depth;for(;i>=0;){let e=r.index(i);if(r.node(i).contentMatchAt(e).matchType(t))return!0;--i}return!1}function bd(e){return e.replace(/[-/\\^$*+?.()|[\]{}]/g,`\\$&`)}function xd(e){return Object.prototype.toString.call(e).slice(8,-1)}function Sd(e){return xd(e)===`Object`&&e.constructor===Object&&Object.getPrototypeOf(e)===Object.prototype}function Cd(e){return typeof e==`string`&&e.trim().length>0&&!/[;{}]/.test(e)}function wd(e,t){return e.replace(/^[ \t]*/,e=>{let n=0;for(let t of e)n+=t===` `?4-n%4:1;return` `.repeat(Math.max(0,n-t))})}function Td(e,t){let n=`text\n${e}\n`,r=t(n)[0];return(r?.type===`paragraph`||r?.type===`text`)&&r.raw===n}function Ed(e,t,n){let r=t.split(` +`),i=n.isParagraphContinuation??(e=>Td(e,n.blockTokens)),a=0;for(let e of r){if(!e.trim()||!i(e))break;a+=1}return{mainContent:[e,...r.slice(0,a).map(e=>e.trimStart())].join(` +`),nestedContent:r.slice(a).join(` +`)}}function Dd(e,t,n){let r=e.split(` +`),i=[],a=``,o=0,s=t.baseIndentSize||2;for(;o0)break;if(e.trim()===``){o+=1,a=`${a}${e}\n`;continue}return}let d=t.extractItemData(u),{indentLevel:f,mainContent:p}=d;a=`${a}${e}\n`;let m=[p];for(o+=1;oe.trim()!==``);if(t===-1)break;if((((l=r[o+1+t].match(/^(\s*)/))==null||(l=l[1])==null?void 0:l.length)||0)>f){m.push(e),a=`${a}${e}\n`,o+=1;continue}break}if((((c=e.match(/^(\s*)/))==null||(c=c[1])==null?void 0:c.length)||0)>f)m.push(e),a=`${a}${e}\n`,o+=1;else break}let h,g=m.slice(1);if(g.length>0){let e=Ed(p,g.map(e=>wd(e,f+s)).join(` +`),n);d.mainContent=e.mainContent;let r=e.nestedContent;r.trim()&&(h=t.customNestedParser?t.customNestedParser(r):n.blockTokens(r))}let _=t.createToken(d,h);i.push(_)}if(i.length!==0)return{items:i,raw:a.slice(0,e.length)}}var Od=4;function kd(e){let t=0;for(let n of e)t=n===` `?t+Od-t%Od:t+1;return t}function Ad(e,t,n,r,i){if(!e||!Array.isArray(e.content))return``;let a=typeof n==`function`?n(r):n,[o,...s]=e.content,c=t.renderChildren([o]),l=`${a}${i?.indentMainContent?c.split(` +`).map((e,n)=>n===0?e:t.indent(e)).join(` +`):c}`;return s&&s.length>0&&s.forEach((e,n)=>{let r=t.renderChild?.call(t,e,n+1)??t.renderChildren([e]);if(r!=null){let n=e=>{if(!i?.alignNestedToPrefix)return t.indent(e);let n=t.indent(``),r=kd(a);return(kd(n)>=r?n:` `.repeat(r))+e},o=r.split(` +`).map(e=>n(e||``)).join(` +`);l+=e.type===`paragraph`?`\n\n${o}`:`\n${o}`}}),l}function jd(e,t){let n={...e};return Sd(e)&&Sd(t)&&Object.keys(t).forEach(r=>{Sd(t[r])&&Sd(e[r])?n[r]=jd(e[r],t[r]):n[r]=t[r]}),n}var Md=class{constructor(e){this.find=e.find,this.handler=e.handler,this.undoable=e.undoable??!0}},Nd=class{constructor(e={}){this.type=`extendable`,this.parent=null,this.child=null,this.name=``,this.config={name:this.name},this.config={...this.config,...e},this.name=this.config.name}get options(){return{...hu(fu(this,`addOptions`,{name:this.name}))}}get storage(){return{...hu(fu(this,`addStorage`,{name:this.name,options:this.options}))}}configure(e={}){let t=this.extend({...this.config,addOptions:()=>jd(this.options,e)});return t.name=this.name,t.parent=this.parent,this.child=null,t}extend(e={}){let t=new this.constructor({...this.config,...e});return t.parent=this,this.child=t,t.name=`name`in e?e.name:t.parent.name,t}},Pd=class e extends Nd{constructor(...e){super(...e),this.type=`mark`}static create(t={}){let n=typeof t==`function`?t():t;return new e(n)}static handleExit({editor:e,mark:t}){let{tr:n}=e.state,r=e.state.selection.$from;if(r.pos===r.end()){let i=r.marks();if(!i.find(e=>e?.type.name===t.name))return!1;let a=i.find(e=>e?.type.name===t.name);return a&&n.removeStoredMark(a),n.insertText(` `,r.pos),e.view.dispatch(n),!0}return!1}configure(e){return super.configure(e)}extend(e){let t=typeof e==`function`?e():e;return super.extend(t)}},Fd=class{constructor(e){this.find=e.find,this.handler=e.handler}},H=class e extends Nd{constructor(...e){super(...e),this.type=`extension`}static create(t={}){let n=typeof t==`function`?t():t;return new e(n)}configure(e){return super.configure(e)}extend(e){let t=typeof e==`function`?e():e;return super.extend(t)}};H.create({name:`clipboardTextSerializer`,addOptions(){return{blockSeparator:void 0}},addProseMirrorPlugins(){return[new k({key:new A(`clipboardTextSerializer`),props:{clipboardTextSerializer:()=>{let{editor:e}=this,{state:t,schema:n}=e,{doc:r,selection:i}=t,a=bu(n),{blockSeparator:o}=this.options,s={...o===void 0?{}:{blockSeparator:o},textSerializers:a};return[...i.ranges].sort((e,t)=>e.$from.pos-t.$from.pos).map(({$from:e,$to:t})=>yu(r,{from:e.pos,to:t.pos},s)).join(o??` + +`)}}})]}}),H.create({name:`commands`,addCommands(){return{...vd}}}),H.create({name:`delete`,onUpdate({transaction:e,appendedTransactions:t}){var n;let r=()=>{var n,r;if(((n=this.editor.options.coreExtensionOptions)==null||(n=n.delete)==null||(r=n.filterTransaction)==null?void 0:r.call(n,e))??e.getMeta(`y-sync$`))return;let i=cu(e.before,[e,...t]);Tu(i).forEach(t=>{i.mapping.mapResult(t.oldRange.from).deletedAfter&&i.mapping.mapResult(t.oldRange.to).deletedBefore&&i.before.nodesBetween(t.oldRange.from,t.oldRange.to,(n,r)=>{let a=r+n.nodeSize-2,o=t.oldRange.from<=r&&a<=t.oldRange.to;this.editor.emit(`delete`,{type:`node`,node:n,from:r,to:a,newFrom:i.mapping.map(r),newTo:i.mapping.map(a),deletedRange:t.oldRange,newRange:t.newRange,partial:!o,editor:this.editor,transaction:e,combinedTransform:i})})});let a=i.mapping;i.steps.forEach((t,n)=>{if(t instanceof Tt){let r=a.slice(n).map(t.from,-1),o=a.slice(n).map(t.to),s=a.invert().map(r,-1),c=a.invert().map(o),l=r>0&&i.doc.nodeAt(r-1)?.marks.some(e=>e.eq(t.mark)),u=i.doc.nodeAt(o)?.marks.some(e=>e.eq(t.mark));this.editor.emit(`delete`,{type:`mark`,mark:t.mark,from:t.from,to:t.to,deletedRange:{from:s,to:c},newRange:{from:r,to:o},partial:!!(u||l),editor:this.editor,transaction:e,combinedTransform:i})}})};((n=this.editor.options.coreExtensionOptions)==null||(n=n.delete)==null?void 0:n.async)??!0?setTimeout(r,0):r()}}),H.create({name:`drop`,addProseMirrorPlugins(){return[new k({key:new A(`tiptapDrop`),props:{handleDrop:(e,t,n,r)=>{this.editor.emit(`drop`,{editor:this.editor,event:t,slice:n,moved:r})}}})]}}),H.create({name:`editable`,addProseMirrorPlugins(){return[new k({key:new A(`editable`),props:{editable:()=>this.editor.options.editable}})]}});var Id=new A(`focusEvents`);H.create({name:`focusEvents`,addProseMirrorPlugins(){let{editor:e}=this;return[new k({key:Id,props:{handleDOMEvents:{focus:(t,n)=>{e.isFocused=!0;let r=e.state.tr.setMeta(`focus`,{event:n}).setMeta(`addToHistory`,!1);return t.dispatch(r),!1},blur:(t,n)=>{e.isFocused=!1;let r=e.state.tr.setMeta(`blur`,{event:n}).setMeta(`addToHistory`,!1);return t.dispatch(r),!1}}}})]}}),H.create({name:`keymap`,addKeyboardShortcuts(){let e=()=>this.editor.commands.first(({commands:e})=>[()=>e.undoInputRule(),()=>e.command(({tr:t})=>{let{selection:n,doc:r}=t,{empty:i,$anchor:a}=n,{pos:o,parent:s}=a,c=a.parent.isTextblock&&o>0?t.doc.resolve(o-1):a,l=c.parent.type.spec.isolating,u=a.pos-a.parentOffset,d=l&&c.parent.childCount===1?u===a.pos:E.atStart(r).from===o;return!i||!s.type.isTextblock||s.textContent.length||!d||d&&a.parent.type.name===`paragraph`?!1:e.clearNodes()}),()=>e.deleteSelection(),()=>e.joinBackward(),()=>e.selectNodeBackward()]),t=()=>this.editor.commands.first(({commands:e})=>[()=>e.deleteSelection(),()=>e.deleteCurrentNode(),()=>e.joinForward(),()=>e.selectNodeForward()]),n={Enter:()=>this.editor.commands.first(({commands:e})=>[()=>e.newlineInCode(),()=>e.createParagraphNear(),()=>e.liftEmptyBlock(),()=>e.splitBlock()]),"Mod-Enter":()=>this.editor.commands.exitCode(),Backspace:e,"Mod-Backspace":e,"Shift-Backspace":e,Delete:t,"Mod-Delete":t,"Mod-a":()=>this.editor.commands.selectAll()},r={...n},i={...n,"Ctrl-h":e,"Alt-Backspace":e,"Ctrl-d":t,"Ctrl-Alt-Backspace":t,"Alt-Delete":t,"Alt-d":t,"Ctrl-a":()=>this.editor.commands.selectTextblockStart(),"Ctrl-e":()=>this.editor.commands.selectTextblockEnd()};return vl()||Vl()?i:r},addProseMirrorPlugins(){return[new k({key:new A(`clearDocument`),appendTransaction:(e,t,n)=>{if(e.some(e=>e.getMeta(`composition`)))return;let r=e.some(e=>e.docChanged)&&!t.doc.eq(n.doc),i=e.some(e=>e.getMeta(`preventClearDocument`));if(!r||i)return;let{empty:a,from:o,to:s}=t.selection,c=E.atStart(t.doc).from,l=E.atEnd(t.doc).to;if(a||o!==c||s!==l||!Pu(n.doc))return;let u=n.tr,d=Uc({state:n,transaction:u}),{commands:f}=new Wc({editor:this.editor,state:d});if(f.clearNodes(),u.steps.length)return u}})]}}),H.create({name:`paste`,addProseMirrorPlugins(){return[new k({key:new A(`tiptapPaste`),props:{handlePaste:(e,t,n)=>{this.editor.emit(`paste`,{editor:this.editor,event:t,slice:n})}}})]}}),H.create({name:`tabindex`,addOptions(){return{value:void 0}},addProseMirrorPlugins(){return[new k({key:new A(`tabindex`),props:{attributes:()=>!this.editor.isEditable&&this.options.value===void 0?{}:{tabindex:this.options.value??`0`}}})]}}),H.create({name:`textDirection`,addOptions(){return{direction:void 0}},addGlobalAttributes(){if(!this.options.direction)return[];let{nodeExtensions:e}=pu(this.extensions);return[{types:e.filter(e=>e.name!==`text`).map(e=>e.name),attributes:{dir:{default:this.options.direction,parseHTML:e=>{let t=e.getAttribute(`dir`);return t&&(t===`ltr`||t===`rtl`||t===`auto`)?t:this.options.direction},renderHTML:e=>e.dir?{dir:e.dir}:{}}}}]},addProseMirrorPlugins(){return[new k({key:new A(`textDirection`),props:{attributes:()=>{let e=this.options.direction;return e?{dir:e}:{}}}})]}});function Ld(e){return new Md({find:e.find,handler:({state:t,range:n,match:r})=>{let i=hu(e.getAttributes,void 0,r);if(i===!1||i===null)return null;let{tr:a}=t,o=r[r.length-1],s=r[0];if(o){let r=s.search(/\S/),c=n.from+s.indexOf(o),l=c+o.length;if(Eu(n.from,n.to,t.doc).filter(t=>t.mark.type.excluded.find(n=>n===e.type&&n!==t.mark.type)).filter(e=>e.to>c).length)return null;ln.from&&a.delete(n.from+r,c);let u=n.from+r+o.length;a.addMark(n.from+r,u,e.type.create(i||{})),a.removeStoredMark(e.type)}},undoable:e.undoable})}function Rd(e){return new Md({find:e.find,handler:({state:t,range:n,match:r})=>{let i=hu(e.getAttributes,void 0,r)||{},{tr:a}=t,o=n.from,s=n.to,c=e.type.create(i);if(r[1]){let e=o+r[0].lastIndexOf(r[1]);e>s?e=s:s=e+r[1].length;let t=r[0][r[0].length-1];a.insertText(t,o+r[0].length-1),a.replaceWith(e,s,c)}else if(r[0]){let t=e.type.isInline?o:o-1;a.insert(t,e.type.create(i)).delete(a.mapping.map(o),a.mapping.map(s))}a.scrollIntoView()},undoable:e.undoable})}function zd(e){return new Md({find:e.find,handler:({state:t,range:n,match:r})=>{let i=t.doc.resolve(n.from),a=hu(e.getAttributes,void 0,r)||{};if(!i.node(-1).canReplaceWith(i.index(-1),i.indexAfter(-1),e.type))return null;t.tr.delete(n.from,n.to).setBlockType(n.from,n.from,e.type,a)},undoable:e.undoable})}function Bd(e){return new Md({find:e.find,handler:({state:t,range:n,match:r,chain:i})=>{let a=hu(e.getAttributes,void 0,r)||{},o=t.tr.delete(n.from,n.to),s=o.doc.resolve(n.from).blockRange(),c=s&&zt(s,e.type,a);if(!c)return null;if(o.wrap(s,c),e.keepMarks&&e.editor){let{selection:n,storedMarks:r}=t,{splittableMarks:i}=e.editor.extensionManager,a=r||n.$to.parentOffset&&n.$from.marks();if(a){let e=a.filter(e=>i.includes(e.type.name));o.ensureMarks(e)}}if(e.keepAttributes){let t=e.type.name===`bulletList`||e.type.name===`orderedList`?`listItem`:`taskList`;i().updateAttributes(t,a).run()}let l=o.doc.resolve(n.from-1).nodeBefore;l&&l.type===e.type&&Zt(o.doc,n.from-1)&&(!e.joinPredicate||e.joinPredicate(r,l))&&o.join(n.from-1)},undoable:e.undoable})}var Vd=e=>`touches`in e,Hd=class{constructor(e){var t;this.directions=[`bottom-left`,`bottom-right`,`top-left`,`top-right`],this.minSize={height:8,width:8},this.preserveAspectRatio=!1,this.classNames={container:``,wrapper:``,handle:``,resizing:``},this.initialWidth=0,this.initialHeight=0,this.aspectRatio=1,this.isResizing=!1,this.activeHandle=null,this.startX=0,this.startY=0,this.startWidth=0,this.startHeight=0,this.isShiftKeyPressed=!1,this.lastEditableState=void 0,this.handleMap=new Map,this.handleEditorUpdate=()=>{let e=this.editor.isEditable;e!==this.lastEditableState&&(this.lastEditableState=e,e?e&&this.handleMap.size===0&&this.attachHandles():this.removeHandles())},this.handleMouseMove=e=>{if(!this.isResizing||!this.activeHandle)return;let t=e.clientX-this.startX,n=e.clientY-this.startY;this.handleResize(t,n)},this.handleTouchMove=e=>{if(!this.isResizing||!this.activeHandle)return;let t=e.touches[0];if(!t)return;let n=t.clientX-this.startX,r=t.clientY-this.startY;this.handleResize(n,r)},this.handleMouseUp=()=>{if(!this.isResizing)return;let e=this.element.offsetWidth,t=this.element.offsetHeight;this.onCommit(e,t),this.isResizing=!1,this.activeHandle=null,this.container.dataset.resizeState=`false`,this.classNames.resizing&&this.container.classList.remove(this.classNames.resizing),document.removeEventListener(`mousemove`,this.handleMouseMove),document.removeEventListener(`mouseup`,this.handleMouseUp),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`keyup`,this.handleKeyUp)},this.handleKeyDown=e=>{e.key===`Shift`&&(this.isShiftKeyPressed=!0)},this.handleKeyUp=e=>{e.key===`Shift`&&(this.isShiftKeyPressed=!1)},this.node=e.node,this.editor=e.editor,this.element=e.element,this.element.draggable=!1,this.contentElement=e.contentElement,this.getPos=e.getPos,this.onResize=e.onResize,this.onCommit=e.onCommit,this.onUpdate=e.onUpdate,e.options?.min&&(this.minSize={...this.minSize,...e.options.min}),e.options?.max&&(this.maxSize=e.options.max),e!=null&&(t=e.options)!=null&&t.directions&&(this.directions=e.options.directions),e.options?.preserveAspectRatio&&(this.preserveAspectRatio=e.options.preserveAspectRatio),e.options?.className&&(this.classNames={container:e.options.className.container||``,wrapper:e.options.className.wrapper||``,handle:e.options.className.handle||``,resizing:e.options.className.resizing||``}),e.options?.createCustomHandle&&(this.createCustomHandle=e.options.createCustomHandle),this.wrapper=this.createWrapper(),this.container=this.createContainer(),this.applyInitialSize(),this.attachHandles(),this.editor.on(`update`,this.handleEditorUpdate)}get dom(){return this.container}get contentDOM(){return this.contentElement??null}update(e,t,n){return e.type===this.node.type&&(this.node=e,!this.onUpdate||this.onUpdate(e,t,n))}destroy(){this.isResizing&&(this.container.dataset.resizeState=`false`,this.classNames.resizing&&this.container.classList.remove(this.classNames.resizing),document.removeEventListener(`mousemove`,this.handleMouseMove),document.removeEventListener(`mouseup`,this.handleMouseUp),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`keyup`,this.handleKeyUp),this.isResizing=!1,this.activeHandle=null),this.editor.off(`update`,this.handleEditorUpdate),this.container.remove()}createContainer(){let e=document.createElement(`div`);return e.dataset.resizeContainer=``,e.dataset.node=this.node.type.name,e.style.display=this.node.type.isInline?`inline-flex`:`flex`,this.classNames.container&&(e.className=this.classNames.container),e.appendChild(this.wrapper),e}createWrapper(){let e=document.createElement(`div`);return e.style.position=`relative`,e.style.display=`block`,e.dataset.resizeWrapper=``,this.classNames.wrapper&&(e.className=this.classNames.wrapper),e.appendChild(this.element),e}createHandle(e){let t=document.createElement(`div`);return t.dataset.resizeHandle=e,t.style.position=`absolute`,this.classNames.handle&&(t.className=this.classNames.handle),t}positionHandle(e,t){let n=t.includes(`top`),r=t.includes(`bottom`),i=t.includes(`left`),a=t.includes(`right`);n&&(e.style.top=`0`),r&&(e.style.bottom=`0`),i&&(e.style.left=`0`),a&&(e.style.right=`0`),(t===`top`||t===`bottom`)&&(e.style.left=`0`,e.style.right=`0`),(t===`left`||t===`right`)&&(e.style.top=`0`,e.style.bottom=`0`)}attachHandles(){this.directions.forEach(e=>{let t;t=this.createCustomHandle?this.createCustomHandle(e):this.createHandle(e),t instanceof HTMLElement||(console.warn(`[ResizableNodeView] createCustomHandle("${e}") did not return an HTMLElement. Falling back to default handle.`),t=this.createHandle(e)),this.createCustomHandle||this.positionHandle(t,e),t.addEventListener(`mousedown`,t=>this.handleResizeStart(t,e)),t.addEventListener(`touchstart`,t=>this.handleResizeStart(t,e)),this.handleMap.set(e,t),this.wrapper.appendChild(t)})}removeHandles(){this.handleMap.forEach(e=>e.remove()),this.handleMap.clear()}applyInitialSize(){let e=this.node.attrs.width,t=this.node.attrs.height;e?(this.element.style.width=`${e}px`,this.initialWidth=e):this.initialWidth=this.element.offsetWidth,t?(this.element.style.height=`${t}px`,this.initialHeight=t):this.initialHeight=this.element.offsetHeight,this.initialWidth>0&&this.initialHeight>0&&(this.aspectRatio=this.initialWidth/this.initialHeight)}handleResizeStart(e,t){e.preventDefault(),e.stopPropagation(),this.isResizing=!0,this.activeHandle=t,Vd(e)?(this.startX=e.touches[0].clientX,this.startY=e.touches[0].clientY):(this.startX=e.clientX,this.startY=e.clientY),this.startWidth=this.element.offsetWidth,this.startHeight=this.element.offsetHeight,this.startWidth>0&&this.startHeight>0&&(this.aspectRatio=this.startWidth/this.startHeight),this.getPos(),this.container.dataset.resizeState=`true`,this.classNames.resizing&&this.container.classList.add(this.classNames.resizing),document.addEventListener(`mousemove`,this.handleMouseMove),document.addEventListener(`touchmove`,this.handleTouchMove),document.addEventListener(`mouseup`,this.handleMouseUp),document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`keyup`,this.handleKeyUp)}handleResize(e,t){if(!this.activeHandle)return;let n=this.preserveAspectRatio||this.isShiftKeyPressed,{width:r,height:i}=this.calculateNewDimensions(this.activeHandle,e,t),a=this.applyConstraints(r,i,n);this.element.style.width=`${a.width}px`,this.element.style.height=`${a.height}px`,this.onResize&&this.onResize(a.width,a.height)}calculateNewDimensions(e,t,n){let r=this.startWidth,i=this.startHeight,a=e.includes(`right`),o=e.includes(`left`),s=e.includes(`bottom`),c=e.includes(`top`);return a?r=this.startWidth+t:o&&(r=this.startWidth-t),s?i=this.startHeight+n:c&&(i=this.startHeight-n),(e===`right`||e===`left`)&&(r=this.startWidth+(a?t:-t)),(e===`top`||e===`bottom`)&&(i=this.startHeight+(s?n:-n)),this.preserveAspectRatio||this.isShiftKeyPressed?this.applyAspectRatio(r,i,e):{width:r,height:i}}applyConstraints(e,t,n){if(!n){let n=Math.max(this.minSize.width,e),r=Math.max(this.minSize.height,t);return this.maxSize?.width&&(n=Math.min(this.maxSize.width,n)),this.maxSize?.height&&(r=Math.min(this.maxSize.height,r)),{width:n,height:r}}let r=e,i=t;return rthis.maxSize.width&&(r=this.maxSize.width,i=r/this.aspectRatio),this.maxSize?.height&&i>this.maxSize.height&&(i=this.maxSize.height,r=i*this.aspectRatio),{width:r,height:i}}applyAspectRatio(e,t,n){return n===`left`||n===`right`?{width:e,height:e/this.aspectRatio}:n===`top`||n===`bottom`?{width:t*this.aspectRatio,height:t}:{width:e,height:e/this.aspectRatio}}},U=class e extends Nd{constructor(...e){super(...e),this.type=`node`}static create(t={}){let n=typeof t==`function`?t():t;return new e(n)}configure(e){return super.configure(e)}extend(e){let t=typeof e==`function`?e():e;return super.extend(t)}};function Ud(e){return new Fd({find:e.find,handler:({state:t,range:n,match:r,pasteEvent:i})=>{let a=hu(e.getAttributes,void 0,r,i);if(a===!1||a===null)return null;let{tr:o}=t,s=r[r.length-1],c=r[0],l=n.to;if(s){let i=c.search(/\S/),u=n.from+c.indexOf(s),d=u+s.length;if(Eu(n.from,n.to,t.doc).filter(t=>t.mark.type.excluded.find(n=>n===e.type&&n!==t.mark.type)).filter(e=>e.to>u).length)return null;dn.from&&o.delete(n.from+i,u),l=n.from+i+s.length,o.addMark(n.from+i,l,e.type.create(a||{})),r.index!==void 0&&r.input!==void 0&&r.index+r[0].length>=r.input.length||o.removeStoredMark(e.type)}}})}function Wd(){var e;return(e=globalThis).__javaabuBlockEditor??(e.__javaabuBlockEditor={blocks:new Map}),globalThis.__javaabuBlockEditor}function W(e){return e}function Gd(...e){for(let t of e)Wd().blocks.set(t.name,t)}var Kd=/^[a-z][a-z0-9+.-]*:/i,qd=/^(https?:|mailto:|tel:)/i;function Jd(e){if(!e)return!1;let t=e.trim().replace(/[\u0000-\u001F\u007F\s]/g,``);return t?!Kd.test(t)||qd.test(t):!1}var Yd=/(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;U.create({name:`image`,addOptions(){return{inline:!1,allowBase64:!1,HTMLAttributes:{},resize:!1}},inline(){return this.options.inline},group(){return this.options.inline?`inline`:`block`},draggable:!0,addAttributes(){return{src:{default:null},alt:{default:null},title:{default:null},width:{default:null},height:{default:null}}},parseHTML(){return[{tag:this.options.allowBase64?`img[src]`:`img[src]:not([src^="data:"])`}]},renderHTML({HTMLAttributes:e}){return[`img`,V(this.options.HTMLAttributes,e)]},parseMarkdown:(e,t)=>t.createNode(`image`,{src:e.href,title:e.title,alt:e.text}),renderMarkdown:e=>{let t=e.attrs?.src??``,n=e.attrs?.alt??``,r=e.attrs?.title??``;return r?`![${n}](${t} "${r}")`:`![${n}](${t})`},addNodeView(){if(!this.options.resize||!this.options.resize.enabled||typeof document>`u`)return null;let{directions:e,minWidth:t,minHeight:n,alwaysPreserveAspectRatio:r}=this.options.resize,i=new Set([`src`,`width`,`height`]);return({node:a,getPos:o,HTMLAttributes:s,editor:c})=>{let l=document.createElement(`img`);l.draggable=!1;let u=V(this.options.HTMLAttributes,s);Object.entries(u).forEach(([e,t])=>{if(t!=null)switch(e){case`src`:case`width`:case`height`:break;default:l.setAttribute(e,t)}}),u.src!==null&&(l.src=u.src);let d={...s},f=e=>{typeof e==`string`&&e!==``?l.getAttribute(`src`)!==e&&(l.src=e):(l.hasAttribute(`src`)&&l.removeAttribute(`src`),l.src!==``&&(l.src=``))};f(s.src);let p=new Hd({element:l,editor:c,node:a,getPos:o,onResize:(e,t)=>{l.style.width=`${e}px`,l.style.height=`${t}px`},onCommit:(e,t)=>{let n=o();n!==void 0&&this.editor.chain().setNodeSelection(n).updateAttributes(this.name,{width:e,height:t}).run()},onUpdate:e=>{if(e.type!==a.type)return!1;let t=vu(e,c.extensionManager.attributes.filter(t=>t.type===e.type.name));return Object.keys(d).forEach(e=>{!i.has(e)&&!(e in t)&&l.removeAttribute(e)}),Object.entries(t).forEach(([e,t])=>{i.has(e)||(t==null?l.removeAttribute(e):l.setAttribute(e,t))}),f(t.src),d=t,!0},options:{directions:e,min:{width:t,height:n},preserveAspectRatio:r===!0}}),m=p.dom,h=()=>{m.style.visibility=``,m.style.pointerEvents=``};return m.style.visibility=`hidden`,m.style.pointerEvents=`none`,l.complete&&l.naturalWidth>0?h():(l.onload=h,l.onerror=h),p}},addCommands(){return{setImage:e=>({commands:t})=>t.insertContent({type:this.name,attrs:e})}},addInputRules(){return[Rd({find:Yd,type:this.type,getAttributes:e=>{let[,,t,n,r]=e;return{src:n,alt:t,title:r}}})]}});var Xd,Zd;if(typeof WeakMap<`u`){let e=new WeakMap;Xd=t=>e.get(t),Zd=(t,n)=>(e.set(t,n),n)}else{let e=[],t=0;Xd=t=>{for(let n=0;n(t==10&&(t=0),e[t++]=n,e[t++]=r)}var G=class{constructor(e,t,n,r){this.width=e,this.height=t,this.map=n,this.problems=r}findCell(e){for(let t=0;t=n){(a||(a=[])).push({type:`overlong_rowspan`,pos:c,n:f-e});break}let l=i+e*t;for(let e=0;er&&(a+=i.attrs.colspan)}}for(let e=0;e1&&(n=!0)}t==-1?t=a:t!=a&&(t=Math.max(t,a))}return t}function ef(e,t,n){e.problems||(e.problems=[]);let r={};for(let i=0;i0;t--)if(e.node(t).type.spec.tableRole==`row`)return e.node(0).resolve(e.before(t+1));return null}function af(e){for(let t=e.depth;t>0;t--){let n=e.node(t).type.spec.tableRole;if(n===`cell`||n===`header_cell`)return e.node(t)}return null}function of(e){let t=e.selection.$head;for(let e=t.depth;e>0;e--)if(t.node(e).type.spec.tableRole==`row`)return!0;return!1}function sf(e){let t=e.selection;if(`$anchorCell`in t&&t.$anchorCell)return t.$anchorCell.pos>t.$headCell.pos?t.$anchorCell:t.$headCell;if(`node`in t&&t.node&&t.node.type.spec.tableRole==`cell`)return t.$anchor;let n=rf(t.$head)||cf(t.$head);if(n)return n;throw RangeError(`No cell found around position ${t.head}`)}function cf(e){for(let t=e.nodeAfter,n=e.pos;t;t=t.firstChild,n++){let r=t.type.spec.tableRole;if(r==`cell`||r==`header_cell`)return e.doc.resolve(n)}for(let t=e.nodeBefore,n=e.pos;t;t=t.lastChild,n--){let r=t.type.spec.tableRole;if(r==`cell`||r==`header_cell`)return e.doc.resolve(n-t.nodeSize)}}function lf(e){return e.parent.type.spec.tableRole==`row`&&!!e.nodeAfter}function uf(e){return e.node(0).resolve(e.pos+e.nodeAfter.nodeSize)}function df(e,t){return e.depth==t.depth&&e.pos>=t.start(-1)&&e.pos<=t.end(-1)}function ff(e,t,n){let r=e.node(-1),i=G.get(r),a=e.start(-1),o=i.nextCell(e.pos-a,t,n);return o==null?null:e.node(0).resolve(a+o)}function pf(e,t,n=1){let r={...e,colspan:e.colspan-n};return r.colwidth&&(r.colwidth=r.colwidth.slice(),r.colwidth.splice(t,n),r.colwidth.some(e=>e>0)||(r.colwidth=null)),r}function mf(e,t,n=1){let r={...e,colspan:e.colspan+n};if(r.colwidth){r.colwidth=r.colwidth.slice();for(let e=0;ee!=t.pos-i);s.unshift(t.pos-i);let c=s.map(e=>{let t=n.nodeAt(e);if(!t)throw RangeError(`No cell with offset ${e} found`);let r=i+e+1;return new En(o.resolve(r),o.resolve(r+t.content.size))});super(c[0].$from,c[0].$to,c),this.$anchorCell=e,this.$headCell=t}map(t,n){let r=t.resolve(n.map(this.$anchorCell.pos)),i=t.resolve(n.map(this.$headCell.pos));if(lf(r)&&lf(i)&&df(r,i)){let t=this.$anchorCell.node(-1)!=r.node(-1);return t&&this.isRowSelection()?e.rowSelection(r,i):t&&this.isColSelection()?e.colSelection(r,i):new e(r,i)}return D.between(r,i)}content(){let e=this.$anchorCell.node(-1),t=G.get(e),n=this.$anchorCell.start(-1),r=t.rectBetween(this.$anchorCell.pos-n,this.$headCell.pos-n),i={},a=[];for(let n=r.top;n0||u>0){let e=c.attrs;if(l>0&&(e=pf(e,0,l)),u>0&&(e=pf(e,e.colspan-u,u)),s.leftr.bottom){let e={...c.attrs,rowspan:Math.min(s.bottom,r.bottom)-Math.max(s.top,r.top)};c=s.top0)return!1;let n=e+this.$anchorCell.nodeAfter.attrs.rowspan,r=t+this.$headCell.nodeAfter.attrs.rowspan;return Math.max(n,r)==this.$headCell.node(-1).childCount}static colSelection(t,n=t){let r=t.node(-1),i=G.get(r),a=t.start(-1),o=i.findCell(t.pos-a),s=i.findCell(n.pos-a),c=t.node(0);return o.top<=s.top?(o.top>0&&(t=c.resolve(a+i.map[o.left])),s.bottom0&&(n=c.resolve(a+i.map[s.left])),o.bottom0)return!1;let a=r+this.$anchorCell.nodeAfter.attrs.colspan,o=i+this.$headCell.nodeAfter.attrs.colspan;return Math.max(a,o)==t.width}eq(t){return t instanceof e&&t.$anchorCell.pos==this.$anchorCell.pos&&t.$headCell.pos==this.$headCell.pos}static rowSelection(t,n=t){let r=t.node(-1),i=G.get(r),a=t.start(-1),o=i.findCell(t.pos-a),s=i.findCell(n.pos-a),c=t.node(0);return o.left<=s.left?(o.left>0&&(t=c.resolve(a+i.map[o.top*i.width])),s.right0&&(n=c.resolve(a+i.map[s.top*i.width])),o.right{t.push(I.node(n,n+e.nodeSize,{class:`selectedCell`}))}),L.create(e.doc,t)}function vf({$from:e,$to:t}){if(e.pos==t.pos||e.pos=0&&!(e.after(i+1)=0&&!(t.before(e+1)>t.start(e));e--,r--);return n==r&&/row|table/.test(e.node(i).type.spec.tableRole)}function yf({$from:e,$to:t}){let n,r;for(let t=e.depth;t>0;t--){let r=e.node(t);if(r.type.spec.tableRole===`cell`||r.type.spec.tableRole===`header_cell`){n=r;break}}for(let e=t.depth;e>0;e--){let n=t.node(e);if(n.type.spec.tableRole===`cell`||n.type.spec.tableRole===`header_cell`){r=n;break}}return n!==r&&t.parentOffset===0}function bf(e,t,n){let r=(t||e).selection,i=(t||e).doc,a,o;if(r instanceof O&&(o=r.node.type.spec.tableRole)){if(o==`cell`||o==`header_cell`)a=q.create(i,r.from);else if(o==`row`){let e=i.resolve(r.from+1);a=q.rowSelection(e,e)}else if(!n){let e=G.get(r.node),t=r.from+1,n=t+e.map[e.width*e.height-1];a=q.create(i,t+1,n)}}else r instanceof D&&vf(r)?a=D.create(i,r.from):r instanceof D&&yf(r)&&(a=D.create(i,r.$from.start(),r.$from.end()));return a&&(t||(t=e.tr)).setSelection(a),t}var xf=new A(`fix-tables`);function Sf(e,t,n,r){let i=e.childCount,a=t.childCount;outer:for(let o=0,s=0;o{t.type.spec.tableRole==`table`&&(n=wf(e,t,r,n))};return t?t.doc!=e.doc&&Sf(t.doc,e.doc,0,r):e.doc.descendants(r),n}function wf(e,t,n,r){let i=G.get(t);if(!i.problems)return r;r||(r=e.tr);let a=[];for(let e=0;e0){let t=`cell`;n.firstChild&&(t=n.firstChild.type.spec.tableRole);let a=[];for(let n=0;n0?-1:0;hf(t,r,i+a)&&(a=i==0||i==t.width?null:0);for(let o=0;o0&&i0&&t.map[s-1]==c||i0?-1:0;jf(t,r,i+s)&&(s=i==0||i==t.height?null:0);for(let a=0,c=t.width*i;a0&&i0&&l==t.map[o-t.width]){let t=n.nodeAt(l).attrs;e.setNodeMarkup(e.mapping.slice(s).map(l+r),null,{...t,rowspan:t.rowspan-1}),a+=t.colspan-1}else if(i0&&n[a]==n[a-1]||r.right0&&n[i]==n[i-e]||r.bottom0){let e=s+1+c.content.size,t=Lf(c)?s+1:e;n.replaceWith(t+r.tableStart,e+r.tableStart,o)}n.setSelection(new q(n.doc.resolve(s+r.tableStart))),t(n)}return!0}function Bf(e,t){let n=K(e.schema);return Vf(({node:e})=>n[e.type.spec.tableRole])(e,t)}function Vf(e){return(t,n)=>{let r=t.selection,i,a;if(r instanceof q){if(r.$anchorCell.pos!=r.$headCell.pos)return!1;i=r.$anchorCell.nodeAfter,a=r.$anchorCell.pos}else{if(i=af(r.$from),!i)return!1;a=rf(r.$from)?.pos}if(i==null||a==null||i.attrs.colspan==1&&i.attrs.rowspan==1)return!1;if(n){let o=i.attrs,s=[],c=o.colwidth;o.rowspan>1&&(o={...o,rowspan:1}),o.colspan>1&&(o={...o,colspan:1});let l=Tf(t),u=t.tr;for(let e=0;e{n.attrs[e]!==t&&a.setNodeMarkup(r,null,{...n.attrs,[e]:t})}):a.setNodeMarkup(i.pos,null,{...i.nodeAfter.attrs,[e]:t}),r(a)}return!0}}function Uf(e){return function(t,n){if(!of(t))return!1;if(n){let r=K(t.schema),i=Tf(t),a=t.tr,o=i.map.cellsInRect(e==`column`?{left:i.left,top:0,right:i.right,bottom:i.map.height}:e==`row`?{left:0,top:i.top,right:i.map.width,bottom:i.bottom}:i),s=o.map(e=>i.table.nodeAt(e));for(let e=0;e{let t=e+i.tableStart,n=a.doc.nodeAt(t);n&&a.setNodeMarkup(t,u,n.attrs)}),n(a)}return!0}}Gf(`row`,{useDeprecatedLogic:!0}),Gf(`column`,{useDeprecatedLogic:!0});var Kf=Gf(`cell`,{useDeprecatedLogic:!0});function qf(e,t){if(t<0){let t=e.nodeBefore;if(t)return e.pos-t.nodeSize;for(let t=e.index(-1)-1,n=e.before();t>=0;t--){let r=e.node(-1).child(t),i=r.lastChild;if(i)return n-1-i.nodeSize;n-=r.nodeSize}}else{if(e.index()0;r--)if(n.node(r).type.spec.tableRole==`table`)return t&&t(e.tr.delete(n.before(r),n.after(r)).scrollIntoView()),!0;return!1}function Xf(e,t){let n=e.selection;if(!(n instanceof q))return!1;if(t){let r=e.tr,i=K(e.schema).cell.createAndFill().content;n.forEachCell((e,t)=>{e.content.eq(i)||r.replace(r.mapping.map(t+1),r.mapping.map(t+e.nodeSize-1),new y(i,0,0))}),r.docChanged&&t(r)}return!0}function Zf(e){if(e.size===0)return null;let{content:t,openStart:n,openEnd:r}=e;for(;t.childCount==1&&(n>0&&r>0||t.child(0).type.spec.tableRole==`table`);)n--,r--,t=t.child(0).content;let i=t.child(0),a=i.type.spec.tableRole,o=i.type.schema,s=[];if(a==`row`)for(let e=0;e=0;t--){let{rowspan:i,colspan:a}=r.child(t).attrs;for(let t=e;t=t.length&&t.push(p.empty),n[i]r&&(s=s.type.createChecked(pf(s.attrs,s.attrs.colspan,n+s.attrs.colspan-r),s.content)),o.push(s),n+=s.attrs.colspan;for(let n=1;ni&&(t=t.type.create({...t.attrs,rowspan:Math.max(1,i-t.attrs.rowspan)},t.content)),o.push(t)}e.push(p.from(o))}n=e,t=i}return{width:e,height:t,rows:n}}function tp(e,t,n,r,i,a,o){let s=e.doc.type.schema,c=K(s),l,u;if(i>t.width)for(let a=0,s=0;at.height){let s=[];for(let e=0,r=(t.height-1)*t.width;e=t.width?!1:n.nodeAt(t.map[r+e]).type==c.header_cell;s.push(i?u||(u=c.header_cell.createAndFill()):l||(l=c.cell.createAndFill()))}let d=c.row.create(null,p.from(s)),f=[];for(let e=t.height;e{if(!i)return!1;let a=n.selection;if(a instanceof q)return op(n,r,E.near(a.$headCell,t));if(e!=`horiz`&&!a.empty)return!1;let o=fp(i,e,t);if(o==null)return!1;if(e==`horiz`)return op(n,r,E.near(n.doc.resolve(a.head+t),t));{let i=n.doc.resolve(o),a=ff(i,e,t),s;return s=a?E.near(a,1):t<0?E.near(n.doc.resolve(i.before(-1)),-1):E.near(n.doc.resolve(i.after(-1)),1),op(n,r,s)}}}function cp(e,t){return(n,r,i)=>{if(!i)return!1;let a=n.selection,o;if(a instanceof q)o=a;else{let r=fp(i,e,t);if(r==null)return!1;o=new q(n.doc.resolve(r))}let s=ff(o.$headCell,e,t);return s?op(n,r,new q(o.$anchorCell,s)):!1}}function lp(e,t){let n=e.state.doc,r=rf(n.resolve(t));return r?(e.dispatch(e.state.tr.setSelection(new q(r))),!0):!1}function up(e,t,n){if(!of(e.state))return!1;let r=Zf(n),i=e.state.selection;if(i instanceof q){r||(r={width:1,height:1,rows:[p.from($f(K(e.state.schema).cell,n))]});let t=i.$anchorCell.node(-1),a=i.$anchorCell.start(-1),o=G.get(t).rectBetween(i.$anchorCell.pos-a,i.$headCell.pos-a);return r=ep(r,o.right-o.left,o.bottom-o.top),ip(e.state,e.dispatch,a,o,r),!0}if(r){let t=sf(e.state),n=t.start(-1);return ip(e.state,e.dispatch,n,G.get(t.node(-1)).findCell(t.pos-n),r),!0}return!1}function dp(e,t){if(t.button!=0||t.ctrlKey||t.metaKey)return;let n=pp(e,t.target),r;if(t.shiftKey&&e.state.selection instanceof q)i(e.state.selection.$anchorCell,t),t.preventDefault();else if(t.shiftKey&&n&&(r=rf(e.state.selection.$anchor))!=null&&mp(e,t)?.pos!=r.pos)i(r,t),t.preventDefault();else if(!n)return;function i(t,n){let r=mp(e,n),i=nf.getState(e.state)==null;if(!r||!df(t,r)){if(i)r=t;else return}let a=new q(t,r);if(i||!e.state.selection.eq(a)){let n=e.state.tr.setSelection(a);i&&n.setMeta(nf,t.pos),e.dispatch(n)}}function a(){e.root.removeEventListener(`mouseup`,a),e.root.removeEventListener(`dragstart`,a),e.root.removeEventListener(`mousemove`,o),nf.getState(e.state)!=null&&e.dispatch(e.state.tr.setMeta(nf,-1))}function o(r){let o=r,s=nf.getState(e.state),c;if(s!=null)c=e.state.doc.resolve(s);else if(pp(e,o.target)!=n&&(c=mp(e,t),!c))return a();c&&i(c,o)}e.root.addEventListener(`mouseup`,a),e.root.addEventListener(`dragstart`,a),e.root.addEventListener(`mousemove`,o)}function fp(e,t,n){if(!(e.state.selection instanceof D))return null;let{$head:r}=e.state.selection;for(let i=r.depth-1;i>=0;i--){let a=r.node(i);if((n<0?r.index(i):r.indexAfter(i))!=(n<0?0:a.childCount))return null;if(a.type.spec.tableRole==`cell`||a.type.spec.tableRole==`header_cell`){let a=r.before(i),o=t==`vert`?n>0?`down`:`up`:n>0?`right`:`left`;return e.endOfTextblock(o)?a:null}}return null}function pp(e,t){for(;t&&t!=e.dom;t=t.parentNode)if(t.nodeName==`TD`||t.nodeName==`TH`)return t;return null}function mp(e,t){let n=e.posAtCoords({left:t.clientX,top:t.clientY});if(!n)return null;let{inside:r,pos:i}=n;return r>=0&&rf(e.state.doc.resolve(r))||rf(e.state.doc.resolve(i))}var hp=class{constructor(e,t){this.node=e,this.defaultCellMinWidth=t,this.dom=document.createElement(`div`),this.dom.className=`tableWrapper`,this.table=this.dom.appendChild(document.createElement(`table`)),this.table.style.setProperty(`--default-cell-min-width`,`${t}px`),this.colgroup=this.table.appendChild(document.createElement(`colgroup`)),gp(e,this.colgroup,this.table,t),this.contentDOM=this.table.appendChild(document.createElement(`tbody`))}update(e){return e.type==this.node.type&&(this.node=e,gp(e,this.colgroup,this.table,this.defaultCellMinWidth),!0)}ignoreMutation(e){return e.type==`attributes`&&(e.target==this.table||this.colgroup.contains(e.target))}};function gp(e,t,n,r,i,a){let o=0,s=!0,c=t.firstChild,l=e.firstChild;if(l){for(let e=0,n=0;enew r(e,n,t)),new yp(-1,!1)},apply(e,t){return t.apply(e)}},props:{attributes:e=>{let t=_p.getState(e);return t&&t.activeHandle>-1?{class:`resize-cursor`}:{}},handleDOMEvents:{mousemove:(t,n)=>{bp(t,n,e,i)},mouseleave:e=>{xp(e)},mousedown:(e,r)=>{Sp(e,r,t,n)}},decorations:e=>{let t=_p.getState(e);if(t&&t.activeHandle>-1)return jp(e,t.activeHandle)},nodeViews:{}}});return a}var yp=class e{constructor(e,t){this.activeHandle=e,this.dragging=t}apply(t){let n=this,r=t.getMeta(_p);if(r&&r.setHandle!=null)return new e(r.setHandle,!1);if(r&&r.setDragging!==void 0)return new e(n.activeHandle,r.setDragging);if(n.activeHandle>-1&&t.docChanged){let r=t.mapping.map(n.activeHandle,-1);return lf(t.doc.resolve(r))||(r=-1),new e(r,n.dragging)}return n}};function bp(e,t,n,r){if(!e.editable)return;let i=_p.getState(e.state);if(i&&!i.dragging){let a=wp(t.target),o=-1;if(a){let{left:r,right:i}=a.getBoundingClientRect();t.clientX-r<=n?o=Tp(e,t,`left`,n):i-t.clientX<=n&&(o=Tp(e,t,`right`,n))}if(o!=i.activeHandle){if(!r&&o!==-1){let t=e.state.doc.resolve(o),n=t.node(-1),r=G.get(n),i=t.start(-1);if(r.colCount(t.pos-i)+t.nodeAfter.attrs.colspan-1==r.width-1)return}Dp(e,o)}}}function xp(e){if(!e.editable)return;let t=_p.getState(e.state);t&&t.activeHandle>-1&&!t.dragging&&Dp(e,-1)}function Sp(e,t,n,r){if(!e.editable)return!1;let i=e.dom.ownerDocument.defaultView??window,a=_p.getState(e.state);if(!a||a.activeHandle==-1||a.dragging)return!1;let o=e.state.doc.nodeAt(a.activeHandle),s=Cp(e,a.activeHandle,o.attrs);e.dispatch(e.state.tr.setMeta(_p,{setDragging:{startX:t.clientX,startWidth:s}}));function c(t){i.removeEventListener(`mouseup`,c),i.removeEventListener(`mousemove`,l);let r=_p.getState(e.state);r?.dragging&&(Op(e,r.activeHandle,Ep(r.dragging,t,n)),e.dispatch(e.state.tr.setMeta(_p,{setDragging:null})))}function l(t){if(!t.which)return c(t);let i=_p.getState(e.state);if(i&&i.dragging){let a=Ep(i.dragging,t,n);kp(e,i.activeHandle,a,r)}}return kp(e,a.activeHandle,s,r),i.addEventListener(`mouseup`,c),i.addEventListener(`mousemove`,l),t.preventDefault(),!0}function Cp(e,t,{colspan:n,colwidth:r}){let i=r&&r[r.length-1];if(i)return i;let a=e.domAtPos(t),o=a.node.childNodes[a.offset].offsetWidth,s=n;if(r)for(let e=0;ePp(e),renderHTML:e=>{let t=Np(e.align);return Cd(t)?{style:`text-align: ${t}`}:{}}}}function Lp(e){let t=e.parentElement,n=e.closest(`table`);if(!t||!n)return null;let r=Array.from(t.children).indexOf(e),i=n.querySelectorAll(`colgroup > col`)[r]?.getAttribute(`width`);return i?[parseInt(i,10)]:null}function Rp(e){let t=e.getAttribute(`colwidth`);return t?t.split(`,`).map(e=>parseInt(e,10)):Lp(e)}var zp=/[ \t\r\n\f]+/g;function Bp(e){return e.children.length>0?!1:(e.textContent??``).replace(zp,``)===``}function Vp(e){let t=e.createAndFill();if(!t)throw Error(`[tiptap error]: "${e.name}" has no default content to backfill.`);return t.content}function Hp(e,t,n){if(!(n in t))return;let r=t[n];(r===1||r===`1`||r==null)&&delete e[n]}var Up=U.create({name:`tableCell`,addOptions(){return{HTMLAttributes:{}}},content:`block+`,addAttributes(){return{colspan:{default:1},rowspan:{default:1},colwidth:{default:null,parseHTML:Rp},align:Ip()}},tableRole:`cell`,isolating:!0,parseHTML(){return[{tag:`td`,getAttrs:e=>Bp(e)?{}:!1,getContent:(e,t)=>Vp(t.nodes[this.name])},{tag:`td`}]},renderHTML({HTMLAttributes:e}){let t=V(this.options.HTMLAttributes,e);return Hp(t,e,`colspan`),Hp(t,e,`rowspan`),[`td`,t,0]}}),Wp=U.create({name:`tableHeader`,addOptions(){return{HTMLAttributes:{}}},content:`block+`,addAttributes(){return{colspan:{default:1},rowspan:{default:1},colwidth:{default:null,parseHTML:Rp},align:Ip()}},tableRole:`header_cell`,isolating:!0,parseHTML(){return[{tag:`th`,getAttrs:e=>Bp(e)?{}:!1,getContent:(e,t)=>Vp(t.nodes[this.name])},{tag:`th`}]},renderHTML({HTMLAttributes:e}){let t=V(this.options.HTMLAttributes,e);return Hp(t,e,`colspan`),Hp(t,e,`rowspan`),[`th`,t,0]}}),Gp=U.create({name:`tableRow`,addOptions(){return{HTMLAttributes:{}}},content:`(tableCell | tableHeader)*`,tableRole:`row`,parseHTML(){return[{tag:`tr`}]},renderHTML({HTMLAttributes:e}){return[`tr`,V(this.options.HTMLAttributes,e),0]}});function Kp(e,t){return t?[`width`,`${Math.max(t,e)}px`]:[`min-width`,`${e}px`]}function qp(e,t,n,r,i,a){let o=0,s=!0,c=t.firstChild,l=e.firstChild;if(l!==null)for(let e=0,n=0;e{let r=e.nodes[n];r.spec.tableRole&&(t[r.spec.tableRole]=r)}),e.cached.tableNodeTypes=t,t}function Qp(e,t,n,r,i){let a=Zp(e),o=[],s=[];for(let e=0;e{let{selection:t}=e.state;if(!$p(t))return!1;let n=0;return uu(t.ranges[0].$from,e=>e.type.name===`table`)?.node.descendants(e=>{if(e.type.name===`table`)return!1;[`tableCell`,`tableHeader`].includes(e.type.name)&&(n+=1)}),n===t.ranges.length&&(e.commands.deleteTable(),!0)};function tm(e,t){let n=e.mapping.map(t);if(uu(e.selection.$from,e=>e.type.name===`table`)?.pos===n)return;let r=e.doc.nodeAt(n);if(!r)return;let i=n+r.nodeSize-1;e.setSelection(D.near(e.doc.resolve(i),-1))}function nm(e){let t=``,n=0;for(;ne===`|`?`\\|`:e)+e.slice(i,i+r),n=i+r,a=!0;break}i+=o}a||(t+=e.slice(n,n+r),n+=r)}return t}function rm(e){return e.split(` +`).map(e=>!e.includes(`|`)||!e.includes("`")?e:nm(e)).join(` +`)}function im(e){return(e||``).replaceAll(``,` `).replace(/\s+/g,` `).trim()}function am(e,t){return t?e.split(t).join(` +`):e}function om(e){return e.replace(/\\.|\|/g,e=>e===`|`?`\\|`:e)}function sm(e,t,n={}){if(!e||!e.content||e.content.length===0)return``;let r=[];e.content.forEach(e=>{let i=[];e.content&&e.content.forEach(e=>{let r=``;r=e.content&&Array.isArray(e.content)&&e.content.length>1?e.content.map(e=>am(t.renderChildren(e),n.cellLineSeparator)).join(` +`):am(e.content?t.renderChildren(e.content):``,n.cellLineSeparator);let a=om(im(r.replace(/[ \t]*\r?\n[ \t]*/g,`
    `))),o=e.type===`tableHeader`,s=Fp(e.attrs);i.push({text:a,isHeader:o,align:s})}),r.push(i)});let i=r.reduce((e,t)=>Math.max(e,t.length),0);if(i===0)return``;let a=Array.from({length:i}).fill(0);r.forEach(e=>{for(let t=0;ta[t]&&(a[t]=n),a[t]<3&&(a[t]=3)}});let o=(e,t)=>e+` `.repeat(Math.max(0,t-e.length)),s=r[0],c=s.some(e=>e.isHeader),l=Array.from({length:i}).fill(null);r.forEach(e=>{for(let t=0;tc&&s[t]&&s[t].text||``);return u+=`| ${d.map((e,t)=>o(e,a[t])).join(` | `)} |\n`,u+=`| ${a.map((e,t)=>{let n=Math.max(3,e),r=l[t];return r===`left`?`:${`-`.repeat(n)}`:r===`right`?`${`-`.repeat(n)}:`:r===`center`?`:${`-`.repeat(n)}:`:`-`.repeat(n)}).join(` | `)} |\n`,(c?r.slice(1):r).forEach(e=>{u+=`| ${Array.from({length:i}).fill(0).map((t,n)=>o(e[n]&&e[n].text||``,a[n])).join(` | `)} |\n`}),u}var cm=new A(`preserveCellSelectionOnContextMenu`);function lm(e,t){let n=e.posAtCoords({left:t.clientX,top:t.clientY});if(n)return n.pos;if(!(t.target instanceof Node))return null;try{return e.posAtDOM(t.target,0)}catch{return null}}function um(e,t){let n=!1;return e.forEachCell((e,r)=>{t>=r&&t{let n=[],r=Array.isArray(e.align)?e.align:[];if(e.header){let i=[];e.header.forEach((e,n)=>{let a=Np(r[n]??e.align),o=a?{align:a}:{};i.push(t.createNode(`tableHeader`,o,[{type:`paragraph`,content:t.parseInline(e.tokens)}]))}),n.push(t.createNode(`tableRow`,{},i))}return e.rows&&e.rows.forEach(e=>{let i=[];e.forEach((e,n)=>{let a=Np(r[n]??e.align),o=a?{align:a}:{};i.push(t.createNode(`tableCell`,o,[{type:`paragraph`,content:t.parseInline(e.tokens)}]))}),n.push(t.createNode(`tableRow`,{},i))}),t.createNode(`table`,void 0,n)},renderMarkdown:(e,t)=>sm(e,t),markdownTokenizer:{name:`table`,level:`block`,start:e=>{let t=e.split(` +`);if(t.length<2)return-1;let n=t[1];return!/^[ \t|:]*-[ \t|:-]*$/.test(n)||!n.includes(`|`)?-1:t[0].includes(`|`)?0:-1},tokenize(e,t,n){let r=e.indexOf(` + +`),i=r>=0?e.slice(0,r):e,a=i.split(` +`);if(a.length<2)return;let o=a[1];if(!/^[ \t|:]*-[ \t|:-]*$/.test(o)||!o.includes(`|`))return;let s=rm(i);if(s===i)return;let c=n.blockTokens(s)[0];if(c?.type!==`table`||!c.raw)return;let l=c.raw.split(` +`).length,u=e.split(` +`).slice(0,l).join(` +`);return{...c,raw:u}}},addCommands(){return{insertTable:({rows:e=3,cols:t=3,withHeaderRow:n=!0}={})=>({tr:r,dispatch:i,editor:a})=>{let o=Qp(a.schema,e,t,n);if(i){let e=r.selection.from+1;r.replaceSelectionWith(o).scrollIntoView().setSelection(D.near(r.doc.resolve(e)))}return!0},addColumnBefore:()=>({state:e,dispatch:t})=>Df(e,t),addColumnAfter:()=>({state:e,dispatch:t})=>Of(e,t),deleteColumn:()=>({state:e,dispatch:t})=>{let n=uu(e.selection.$from,e=>e.type.name===`table`);return Af(e,t&&(e=>{n&&tm(e,n.pos),t(e)}))},addRowBefore:()=>({state:e,dispatch:t})=>Nf(e,t),addRowAfter:()=>({state:e,dispatch:t})=>Pf(e,t),deleteRow:()=>({state:e,dispatch:t})=>{let n=uu(e.selection.$from,e=>e.type.name===`table`);return If(e,t&&(e=>{n&&tm(e,n.pos),t(e)}))},deleteTable:()=>({state:e,dispatch:t})=>Yf(e,t),mergeCells:()=>({state:e,dispatch:t})=>zf(e,t),splitCell:()=>({state:e,dispatch:t})=>Bf(e,t),toggleHeaderColumn:()=>({state:e,dispatch:t})=>Gf(`column`)(e,t),toggleHeaderRow:()=>({state:e,dispatch:t})=>Gf(`row`)(e,t),toggleHeaderCell:()=>({state:e,dispatch:t})=>Kf(e,t),mergeOrSplit:()=>({state:e,dispatch:t})=>zf(e,t)?!0:Bf(e,t),setCellAttribute:(e,t)=>({state:n,dispatch:r})=>Hf(e,t)(n,r),goToNextCell:()=>({state:e,dispatch:t})=>Jf(1)(e,t),goToPreviousCell:()=>({state:e,dispatch:t})=>Jf(-1)(e,t),fixTables:()=>({state:e,dispatch:t})=>(t&&Cf(e),!0),setCellSelection:e=>({tr:t,dispatch:n})=>{if(n){let n=q.create(t.doc,e.anchorCell,e.headCell);t.setSelection(n)}return!0}}},addKeyboardShortcuts(){return{Tab:()=>this.editor.commands.goToNextCell()?!0:this.editor.can().addRowAfter()?this.editor.chain().addRowAfter().goToNextCell().run():!1,"Shift-Tab":()=>this.editor.commands.goToPreviousCell(),Backspace:em,"Mod-Backspace":em,Delete:em,"Mod-Delete":em}},addProseMirrorPlugins(){return[...this.options.resizable&&this.editor.isEditable?[vp({handleWidth:this.options.handleWidth,cellMinWidth:this.options.cellMinWidth,defaultCellMinWidth:this.options.cellMinWidth,View:null,lastColumnResizable:this.options.lastColumnResizable})]:[],Mp({allowTableNodeSelection:this.options.allowTableNodeSelection}),dm()]},addNodeView(){let e=this.options.View;return e?({node:t,view:n,HTMLAttributes:r})=>{let i=V(this.options.HTMLAttributes,r);return new e(t,this.options.cellMinWidth,n,i)}:null},extendNodeSchema(e){return{tableRole:hu(fu(e,`tableRole`,{name:e.name,options:e.options,storage:e.storage}))}}}),pm=H.create({name:`tableKit`,addExtensions(){let e=[];return this.options.table!==!1&&e.push(fm.configure(this.options.table)),this.options.tableCell!==!1&&e.push(Up.configure(this.options.tableCell)),this.options.tableHeader!==!1&&e.push(Wp.configure(this.options.tableHeader)),this.options.tableRow!==!1&&e.push(Gp.configure(this.options.tableRow)),e}});H.create({name:`textAlign`,addOptions(){return{types:[],alignments:[`left`,`center`,`right`,`justify`],defaultAlignment:null}},addGlobalAttributes(){return[{types:this.options.types,attributes:{textAlign:{default:this.options.defaultAlignment,parseHTML:e=>{let t=e.style.textAlign;return this.options.alignments.includes(t)?t:this.options.defaultAlignment},renderHTML:e=>!Cd(e.textAlign)||!this.options.alignments.includes(e.textAlign)?{}:{style:`text-align: ${e.textAlign}`}}}}]},addCommands(){return{setTextAlign:e=>({commands:t})=>this.options.alignments.includes(e)?this.options.types.map(n=>t.updateAttributes(n,{textAlign:e})).some(e=>e):!1,unsetTextAlign:()=>({commands:e})=>this.options.types.map(t=>e.resetAttributes(t,`textAlign`)).some(e=>e),toggleTextAlign:e=>({editor:t,commands:n})=>this.options.alignments.includes(e)?t.isActive({textAlign:e})?n.unsetTextAlign():n.setTextAlign(e):!1}},addKeyboardShortcuts(){return{"Mod-Shift-l":()=>this.editor.commands.setTextAlign(`left`),"Mod-Shift-e":()=>this.editor.commands.setTextAlign(`center`),"Mod-Shift-r":()=>this.editor.commands.setTextAlign(`right`),"Mod-Shift-j":()=>this.editor.commands.setTextAlign(`justify`)}}});var mm=new WeakSet,hm=new WeakSet;function gm(e){let t=e;return mm.add(t),t}function _m(e){return Array.isArray(e)&&mm.has(e)}function vm(e){return e.flatMap(e=>e==null?[]:Array.isArray(e)&&hm.has(e)&&!_m(e)?vm(e):[e])}function ym(e,t){if(e===`slot`)return 0;if(e instanceof Function){let n=e(t);return Array.isArray(n)&&!_m(n)&&!hm.has(n)?gm(n):n}let{children:n,...r}=t??{};if(e===`svg`)throw Error(`SVG elements are not supported in the JSX syntax, use the array syntax instead`);if(Array.isArray(n)){if(_m(n))return gm([e,r,n]);if(n.length===0)return gm([e,r]);let t=vm(n);return t.length===0?gm([e,r]):gm([e,r,...t])}return gm(n==null?[e,r]:[e,r,n])}var bm=(e,t)=>ym(e,t),xm=(e,t)=>{let{state:n}=e,{selection:r}=n;if(!r.empty)return!1;let{$from:i}=r;if(i.parentOffset!==0)return!1;let a=i.depth-1;if(a<0)return!1;let o=i.node(a),s=i.index(a);if(s===0)return!1;if(o.type===t)return e.commands.lift(t.name);let c=o.child(s-1);if(c.type!==t||!c.lastChild?.isTextblock)return!1;let l=i.before()-1-1;return e.commands.command(({tr:e,dispatch:t})=>{if(!t)return!0;let n=i.parent.content,r=new y(n,0,0);return e.replace(l,i.after(),r),e.setSelection(D.create(e.doc,l+n.size)),e.scrollIntoView(),t(e),!0})},Sm=/^\s*>\s$/,Cm=U.create({name:`blockquote`,addOptions(){return{HTMLAttributes:{}}},content:`block+`,group:`block`,defining:!0,parseHTML(){return[{tag:`blockquote`}]},renderHTML({HTMLAttributes:e}){return bm(`blockquote`,{...V(this.options.HTMLAttributes,e),children:bm(`slot`,{})})},parseMarkdown:(e,t)=>{let n=t.parseBlockChildren??t.parseChildren;return t.createNode(`blockquote`,void 0,n(e.tokens||[]))},renderMarkdown:(e,t)=>{if(!e.content)return``;let n=[];return e.content.forEach((e,r)=>{let i=(t.renderChild?.call(t,e,r)??t.renderChildren([e])).split(` +`).map(e=>e.trim()===``?`>`:`> ${e}`);n.push(i.join(` +`))}),n.join(` +> +`)},addCommands(){return{setBlockquote:()=>({commands:e})=>e.wrapIn(this.name),toggleBlockquote:()=>({commands:e})=>e.toggleWrap(this.name),unsetBlockquote:()=>({commands:e})=>e.lift(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-b":()=>this.editor.commands.toggleBlockquote(),Backspace:()=>xm(this.editor,this.type)}},addInputRules(){return[Bd({find:Sm,type:this.type})]}}),wm=/(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/,Tm=/(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g,Em=/(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/,Dm=/(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g,Om=Pd.create({name:`bold`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`strong`},{tag:`b`,getAttrs:e=>e.style.fontWeight!==`normal`&&null},{style:`font-weight=400`,clearMark:e=>e.type.name===this.name},{style:`font-weight`,getAttrs:e=>/^(bold(er)?|[5-9]\d{2,})$/.test(e)&&null}]},renderHTML({HTMLAttributes:e}){return bm(`strong`,{...V(this.options.HTMLAttributes,e),children:bm(`slot`,{})})},markdownTokenName:`strong`,parseMarkdown:(e,t)=>t.applyMark(`bold`,t.parseInline(e.tokens||[])),markdownOptions:{htmlReopen:{open:``,close:``}},renderMarkdown:(e,t)=>`**${t.renderChildren(e)}**`,addCommands(){return{setBold:()=>({commands:e})=>e.setMark(this.name),toggleBold:()=>({commands:e})=>e.toggleMark(this.name),unsetBold:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-b":()=>this.editor.commands.toggleBold(),"Mod-B":()=>this.editor.commands.toggleBold()}},addInputRules(){return[Ld({find:wm,type:this.type}),Ld({find:Em,type:this.type})]},addPasteRules(){return[Ud({find:Tm,type:this.type}),Ud({find:Dm,type:this.type})]}}),km=e=>{let t=/`([^`]+)`(?!`)$/.exec(e);return!t||t.index>0&&e[t.index-1]==="`"?null:{index:t.index,text:t[0],replaceWith:t[1]}},Am=e=>{let t=/`([^`]+)`(?!`)/g,n=[],r;for(;(r=t.exec(e))!==null;)r.index>0&&e[r.index-1]==="`"||n.push({index:r.index,text:r[0],replaceWith:r[1]});return n};function jm(e){let t=new Set((e.match(/`+/g)||[]).map(e=>e.length)),n=1;for(;t.has(n);)n+=1;return n}var Mm=Pd.create({name:`code`,addOptions(){return{HTMLAttributes:{}}},excludes:`_`,code:!0,exitable:!0,parseHTML(){return[{tag:`code`}]},renderHTML({HTMLAttributes:e}){return[`code`,V(this.options.HTMLAttributes,e),0]},markdownTokenName:`codespan`,parseMarkdown:(e,t)=>t.applyMark(`code`,[{type:`text`,text:e.text||``}]),renderMarkdown:(e,t,n)=>{var r;if(!e.content)return``;let i=typeof(n==null||(r=n.meta)==null?void 0:r.markText)==`string`?n.meta.markText:``,a="`".repeat(jm(i)),o=i.startsWith("`")||i.endsWith("`")?` `:``;return`${a}${o}${t.renderChildren(e.content)}${o}${a}`},addCommands(){return{setCode:()=>({commands:e})=>e.setMark(this.name),toggleCode:()=>({commands:e})=>e.toggleMark(this.name),unsetCode:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[Ld({find:km,type:this.type})]},addPasteRules(){return[Ud({find:Am,type:this.type})]}}),Nm=4,Pm=/^```([a-z]+)?[\s\n]$/,Fm=/^~~~([a-z]+)?[\s\n]$/,Im=U.create({name:`codeBlock`,addOptions(){return{languageClassPrefix:`language-`,exitOnTripleEnter:!0,exitOnArrowDown:!0,exitOnArrowUp:!0,defaultLanguage:null,enableTabIndentation:!1,tabSize:Nm,HTMLAttributes:{}}},content:`text*`,marks:``,group:`block`,code:!0,defining:!0,addAttributes(){return{language:{default:this.options.defaultLanguage,parseHTML:e=>{let{languageClassPrefix:t}=this.options;return t&&[...e.firstElementChild?.classList||[]].filter(e=>e.startsWith(t)).map(e=>e.replace(t,``))[0]||null},rendered:!1}}},parseHTML(){return[{tag:`pre`,preserveWhitespace:`full`}]},renderHTML({node:e,HTMLAttributes:t}){return[`pre`,V(this.options.HTMLAttributes,t),[`code`,{class:e.attrs.language?this.options.languageClassPrefix+e.attrs.language:null},0]]},markdownTokenName:`code`,parseMarkdown:(e,t)=>e.raw?.startsWith("```")===!1&&e.raw?.startsWith(`~~~`)===!1&&e.codeBlockStyle!==`indented`?[]:t.createNode(`codeBlock`,{language:e.lang||null},e.text?[t.createTextNode(e.text)]:[]),renderMarkdown:(e,t)=>{let n=``,r=e.attrs?.language||``;return n=e.content?[`\`\`\`${r}`,t.renderChildren(e.content),"```"].join(` +`):`\`\`\`${r}\n\n\`\`\``,n},addCommands(){return{setCodeBlock:e=>({commands:t})=>t.setNode(this.name,e),toggleCodeBlock:e=>({commands:t})=>t.toggleNode(this.name,`paragraph`,e)}},addKeyboardShortcuts(){return{"Mod-Alt-c":()=>this.editor.commands.toggleCodeBlock(),Backspace:()=>{let{empty:e,$anchor:t}=this.editor.state.selection,n=t.pos===1;return!e||t.parent.type.name!==this.name?!1:n||!t.parent.textContent.length?this.editor.commands.clearNodes():!1},Tab:({editor:e})=>{if(!this.options.enableTabIndentation)return!1;let t=this.options.tabSize??Nm,{state:n}=e,{selection:r}=n,{$from:i,empty:a}=r;if(i.parent.type!==this.type)return!1;let o=` `.repeat(t);return a?e.commands.insertContent(o):e.commands.command(({tr:e})=>{let{from:t,to:i}=r,a=n.doc.textBetween(t,i,` +`,` +`).split(` +`).map(e=>o+e).join(` +`);return e.replaceWith(t,i,n.schema.text(a)),!0})},"Shift-Tab":({editor:e})=>{if(!this.options.enableTabIndentation)return!1;let t=this.options.tabSize??Nm,{state:n}=e,{selection:r}=n,{$from:i,empty:a}=r;return i.parent.type===this.type?a?e.commands.command(({tr:e})=>{let{pos:r}=i,a=i.start(),o=i.end(),s=n.doc.textBetween(a,o,` +`,` +`).split(` +`),c=0,l=0,u=r-a;for(let e=0;e=u){c=e;break}l+=s[e].length+1}let d=s[c].match(/^ */)?.[0]||``,f=Math.min(d.length,t);if(f===0)return!0;let p=a;for(let e=0;e{let{from:i,to:a}=r,o=n.doc.textBetween(i,a,` +`,` +`).split(` +`).map(e=>{let n=e.match(/^ */)?.[0]||``,r=Math.min(n.length,t);return e.slice(r)}).join(` +`);return e.replaceWith(i,a,n.schema.text(o)),!0}):!1},Enter:({editor:e})=>{if(!this.options.exitOnTripleEnter)return!1;let{state:t}=e,{selection:n}=t,{$from:r,empty:i}=n;if(!i||r.parent.type!==this.type)return!1;let a=r.parentOffset===r.parent.nodeSize-2,o=r.parent.textContent.endsWith(` + +`);return!a||!o?!1:e.chain().command(({tr:e})=>(e.delete(r.pos-2,r.pos),!0)).exitCode().run()},ArrowUp:({editor:e})=>{if(!this.options.exitOnArrowUp)return!1;let{state:t}=e,{selection:n}=t,{$from:r,empty:i}=n;if(!i||r.parent.type!==this.type||r.parentOffset!==0)return!1;let a=r.before();return a>0?!1:e.commands.insertDefaultBlock({pos:a})},ArrowDown:({editor:e})=>{if(!this.options.exitOnArrowDown)return!1;let{state:t}=e,{selection:n,doc:r}=t,{$from:i,empty:a}=n;if(!a||i.parent.type!==this.type||i.parentOffset!==i.parent.nodeSize-2)return!1;let o=i.after();return o===void 0?!1:r.nodeAt(o)?e.commands.command(({tr:e})=>(e.setSelection(E.near(r.resolve(o))),!0)):e.commands.exitCode()}}},addInputRules(){return[zd({find:Pm,type:this.type,getAttributes:e=>({language:e[1]})}),zd({find:Fm,type:this.type,getAttributes:e=>({language:e[1]})})]},addProseMirrorPlugins(){return[new k({key:new A(`codeBlockVSCodeHandler`),props:{handlePaste:(e,t)=>{if(!t.clipboardData||this.editor.isActive(this.type.name))return!1;let n=t.clipboardData.getData(`text/plain`),r=t.clipboardData.getData(`vscode-editor-data`),i=(r?JSON.parse(r):void 0)?.mode;if(!n||!i)return!1;let{tr:a,schema:o}=e.state,s=o.text(n.replace(/\r\n?/g,` +`));return a.replaceSelectionWith(this.type.create({language:i},s)),a.selection.$from.parent.type!==this.type&&a.setSelection(D.near(a.doc.resolve(Math.max(0,a.selection.from-2)))),a.setMeta(`paste`,!0),e.dispatch(a),!0}}})]}}),Lm=U.create({name:`doc`,topNode:!0,content:`block+`,renderMarkdown:(e,t)=>e.content?t.renderChildren(e.content,` + +`):``}),Rm=U.create({name:`hardBreak`,markdownTokenName:`br`,addOptions(){return{keepMarks:!0,HTMLAttributes:{}}},inline:!0,group:`inline`,selectable:!1,linebreakReplacement:!0,parseHTML(){return[{tag:`br`}]},renderHTML({HTMLAttributes:e}){return[`br`,V(this.options.HTMLAttributes,e)]},renderText(){return` +`},renderMarkdown:()=>` +`,parseMarkdown:()=>({type:`hardBreak`}),addCommands(){return{setHardBreak:()=>({commands:e,chain:t,state:n,editor:r})=>e.first([()=>e.exitCode(),()=>e.command(()=>{let{selection:e,storedMarks:i}=n;if(e.$from.parent.type.spec.isolating)return!1;let{keepMarks:a}=this.options,{splittableMarks:o}=r.extensionManager,s=i||e.$to.parentOffset&&e.$from.marks();return t().insertContent({type:this.name}).command(({tr:e,dispatch:t})=>{if(t&&s&&a){let t=s.filter(e=>o.includes(e.type.name));e.ensureMarks(t)}return!0}).scrollIntoView().run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),zm=U.create({name:`heading`,addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:`inline*`,group:`block`,defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(e=>({tag:`h${e}`,attrs:{level:e}}))},renderHTML({node:e,HTMLAttributes:t}){return[`h${this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0]}`,V(this.options.HTMLAttributes,t),0]},parseMarkdown(e,t){let n=e.depth||1;return this.options.levels.includes(n)?t.createNode(`heading`,{level:n},t.parseInline(e.tokens||[])):t.createNode(`paragraph`,void 0,t.parseInline(e.tokens||[]))},renderMarkdown:(e,t)=>{let n=e.attrs?.level?parseInt(e.attrs.level,10):1,r=`#`.repeat(n);return e.content?`${r} ${t.renderChildren(e.content)}`:``},addCommands(){return{setHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.setNode(this.name,e):!1,toggleHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.toggleNode(this.name,`paragraph`,e):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((e,t)=>({...e,[`Mod-Alt-${t}`]:()=>this.editor.commands.toggleHeading({level:t})}),{})},addInputRules(){return this.options.levels.map(e=>zd({find:RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),type:this.type,getAttributes:{level:e}}))}}),Bm=U.create({name:`horizontalRule`,addOptions(){return{HTMLAttributes:{},nextNodeType:`paragraph`}},group:`block`,parseHTML(){return[{tag:`hr`}]},renderHTML({HTMLAttributes:e}){return[`hr`,V(this.options.HTMLAttributes,e)]},markdownTokenName:`hr`,parseMarkdown:(e,t)=>t.createNode(`horizontalRule`),renderMarkdown:()=>`---`,addCommands(){return{setHorizontalRule:()=>({chain:e,state:t})=>{if(!yd(t,t.schema.nodes[this.name]))return!1;let{selection:n}=t,{$to:r}=n,i=e();return Fu(n)?i.insertContentAt(r.pos,{type:this.name}):i.insertContent({type:this.name}),i.command(({state:e,tr:t,dispatch:n})=>{if(n){let{$to:n}=t.selection,r=n.end();if(n.nodeAfter)n.nodeAfter.isTextblock?t.setSelection(D.create(t.doc,n.pos+1)):n.nodeAfter.isBlock?t.setSelection(O.create(t.doc,n.pos)):t.setSelection(D.create(t.doc,n.pos));else{let i=(e.schema.nodes[this.options.nextNodeType]||n.parent.type.contentMatch.defaultType)?.create();i&&(t.insert(r,i),t.setSelection(D.create(t.doc,r+1)))}t.scrollIntoView()}return!0}).run()}}},addInputRules(){return[Rd({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}}),Vm=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,Hm=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,Um=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,Wm=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,Gm=Pd.create({name:`italic`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`em`},{tag:`i`,getAttrs:e=>e.style.fontStyle!==`normal`&&null},{style:`font-style=normal`,clearMark:e=>e.type.name===this.name},{style:`font-style=italic`}]},renderHTML({HTMLAttributes:e}){return[`em`,V(this.options.HTMLAttributes,e),0]},addCommands(){return{setItalic:()=>({commands:e})=>e.setMark(this.name),toggleItalic:()=>({commands:e})=>e.toggleMark(this.name),unsetItalic:()=>({commands:e})=>e.unsetMark(this.name)}},markdownTokenName:`em`,parseMarkdown:(e,t)=>t.applyMark(`italic`,t.parseInline(e.tokens||[])),markdownOptions:{htmlReopen:{open:``,close:``}},renderMarkdown:(e,t)=>`*${t.renderChildren(e)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[Ld({find:Vm,type:this.type}),Ld({find:Um,type:this.type})]},addPasteRules(){return[Ud({find:Hm,type:this.type}),Ud({find:Wm,type:this.type})]}}),Km=`aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2odyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos6kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rck0msd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12b0cam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2oodside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2`,qm=`ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2`,Jm=`numeric`,Ym=`ascii`,Xm=`alpha`,Zm=`asciinumeric`,Qm=`alphanumeric`,$m=`domain`,eh=`emoji`,th=`scheme`,nh=`slashscheme`,rh=`whitespace`;function ih(e,t){return e in t||(t[e]=[]),t[e]}function ah(e,t,n){t[Jm]&&(t[Zm]=!0,t[Qm]=!0),t[Ym]&&(t[Zm]=!0,t[Xm]=!0),t[Zm]&&(t[Qm]=!0),t[Xm]&&(t[Qm]=!0),t[Qm]&&(t[$m]=!0),t[eh]&&(t[$m]=!0);for(let r in t){let t=ih(r,n);t.indexOf(e)<0&&t.push(e)}}function oh(e,t){let n={};for(let r in t)t[r].indexOf(e)>=0&&(n[r]=!0);return n}function sh(e=null){this.j={},this.jr=[],this.jd=null,this.t=e}sh.groups={},sh.prototype={accepts(){return!!this.t},go(e){let t=this,n=t.j[e];if(n)return n;for(let n=0;ne.ta(t,n,r,i),Y=(e,t,n,r,i)=>e.tr(t,n,r,i),ch=(e,t,n,r,i)=>e.ts(t,n,r,i),X=(e,t,n,r,i)=>e.tt(t,n,r,i),lh=`WORD`,uh=`UWORD`,dh=`ASCIINUMERICAL`,fh=`ALPHANUMERICAL`,ph=`LOCALHOST`,mh=`TLD`,hh=`UTLD`,gh=`SCHEME`,_h=`SLASH_SCHEME`,vh=`NUM`,yh=`WS`,bh=`NL`,xh=`OPENBRACE`,Sh=`CLOSEBRACE`,Ch=`OPENBRACKET`,wh=`CLOSEBRACKET`,Th=`OPENPAREN`,Eh=`CLOSEPAREN`,Dh=`OPENANGLEBRACKET`,Oh=`CLOSEANGLEBRACKET`,kh=`FULLWIDTHLEFTPAREN`,Ah=`FULLWIDTHRIGHTPAREN`,jh=`LEFTCORNERBRACKET`,Mh=`RIGHTCORNERBRACKET`,Nh=`LEFTWHITECORNERBRACKET`,Ph=`RIGHTWHITECORNERBRACKET`,Fh=`FULLWIDTHLESSTHAN`,Ih=`FULLWIDTHGREATERTHAN`,Lh=`AMPERSAND`,Rh=`APOSTROPHE`,zh=`ASTERISK`,Bh=`AT`,Vh=`BACKSLASH`,Hh=`BACKTICK`,Uh=`CARET`,Wh=`COLON`,Gh=`COMMA`,Kh=`DOLLAR`,qh=`DOT`,Jh=`EQUALS`,Yh=`EXCLAMATION`,Xh=`HYPHEN`,Zh=`PERCENT`,Qh=`PIPE`,$h=`PLUS`,eg=`POUND`,tg=`QUERY`,ng=`QUOTE`,rg=`FULLWIDTHMIDDLEDOT`,ig=`SEMI`,ag=`SLASH`,og=`TILDE`,sg=`UNDERSCORE`,cg=`EMOJI`,lg=`SYM`,ug=Object.freeze({__proto__:null,ALPHANUMERICAL:fh,AMPERSAND:Lh,APOSTROPHE:Rh,ASCIINUMERICAL:dh,ASTERISK:zh,AT:Bh,BACKSLASH:Vh,BACKTICK:Hh,CARET:Uh,CLOSEANGLEBRACKET:Oh,CLOSEBRACE:Sh,CLOSEBRACKET:wh,CLOSEPAREN:Eh,COLON:Wh,COMMA:Gh,DOLLAR:Kh,DOT:qh,EMOJI:cg,EQUALS:Jh,EXCLAMATION:Yh,FULLWIDTHGREATERTHAN:Ih,FULLWIDTHLEFTPAREN:kh,FULLWIDTHLESSTHAN:Fh,FULLWIDTHMIDDLEDOT:rg,FULLWIDTHRIGHTPAREN:Ah,HYPHEN:Xh,LEFTCORNERBRACKET:jh,LEFTWHITECORNERBRACKET:Nh,LOCALHOST:ph,NL:bh,NUM:vh,OPENANGLEBRACKET:Dh,OPENBRACE:xh,OPENBRACKET:Ch,OPENPAREN:Th,PERCENT:Zh,PIPE:Qh,PLUS:$h,POUND:eg,QUERY:tg,QUOTE:ng,RIGHTCORNERBRACKET:Mh,RIGHTWHITECORNERBRACKET:Ph,SCHEME:gh,SEMI:ig,SLASH:ag,SLASH_SCHEME:_h,SYM:lg,TILDE:og,TLD:mh,UNDERSCORE:sg,UTLD:hh,UWORD:uh,WORD:lh,WS:yh}),dg=/[a-z]/,fg=/[a-z]/i,pg=/[\u{1F000}-\u{1FAFF}\u{2600}-\u{27BF}]|\u{FE0F}/u;try{fg=RegExp(`\\p{L}`,`u`),pg=RegExp(`\\p{Emoji}`,`u`)}catch{}var mg=/\d/,hg=/\s/,gg=`\r`,_g=` +`,vg=`️`,yg=`‍`,bg=``,xg=null,Sg=null;function Cg(e=[]){let t={};sh.groups=t;let n=new sh;xg??(xg=Dg(Km)),Sg??(Sg=Dg(qm)),X(n,`'`,Rh),X(n,`{`,xh),X(n,`}`,Sh),X(n,`[`,Ch),X(n,`]`,wh),X(n,`(`,Th),X(n,`)`,Eh),X(n,`<`,Dh),X(n,`>`,Oh),X(n,`（`,kh),X(n,`）`,Ah),X(n,`「`,jh),X(n,`」`,Mh),X(n,`『`,Nh),X(n,`』`,Ph),X(n,`＜`,Fh),X(n,`＞`,Ih),X(n,`&`,Lh),X(n,`*`,zh),X(n,`@`,Bh),X(n,"`",Hh),X(n,`^`,Uh),X(n,`:`,Wh),X(n,`,`,Gh),X(n,`$`,Kh),X(n,`.`,qh),X(n,`=`,Jh),X(n,`!`,Yh),X(n,`-`,Xh),X(n,`%`,Zh),X(n,`|`,Qh),X(n,`+`,$h),X(n,`#`,eg),X(n,`?`,tg),X(n,`"`,ng),X(n,`/`,ag),X(n,`;`,ig),X(n,`~`,og),X(n,`_`,sg),X(n,`\\`,Vh),X(n,`・`,rg);let r=Y(n,mg,vh,{[Jm]:!0});Y(r,mg,r);let i=Y(r,dg,dh,{[Zm]:!0}),a=Y(r,fg,fh,{[Qm]:!0}),o=Y(n,dg,lh,{[Ym]:!0});Y(o,mg,i),Y(o,dg,o),Y(i,mg,i),Y(i,dg,i);let s=Y(n,fg,uh,{[Xm]:!0});Y(s,dg),Y(s,mg,a),Y(s,fg,s),Y(a,mg,a),Y(a,dg),Y(a,fg,a);let c=X(n,_g,bh,{[rh]:!0}),l=X(n,gg,yh,{[rh]:!0}),u=Y(n,hg,yh,{[rh]:!0});X(n,bg,u),X(l,_g,c),X(l,bg,u),Y(l,hg,u),X(u,gg),X(u,_g),Y(u,hg,u),X(u,bg,u);let d=Y(n,pg,cg,{[eh]:!0});X(d,`#`),Y(d,pg,d),X(d,vg,d);let f=X(d,yg);X(f,`#`),Y(f,pg,d);let p=[[dg,o],[mg,i]],m=[[dg,null],[fg,s],[mg,a]];for(let e=0;ee[0]>t[0]?1:-1);for(let t=0;t=0?i[$m]=!0:dg.test(r)?mg.test(r)?i[Zm]=!0:i[Ym]=!0:i[Jm]=!0,ch(n,r,r,i)}return ch(n,`localhost`,ph,{ascii:!0}),n.jd=new sh(lg),{start:n,tokens:Object.assign({groups:t},ug)}}function wg(e,t){let n=Tg(t.replace(/[A-Z]/g,e=>e.toLowerCase())),r=n.length,i=[],a=0,o=0;for(;o=0&&(d+=n[o].length,f++),l+=n[o].length,a+=n[o].length,o++;a-=d,o-=f,l-=d,i.push({t:u.t,v:t.slice(a-l,a),s:a-l,e:a})}return i}function Tg(e){let t=[],n=e.length,r=0;for(;r56319||r+1===n||(a=e.charCodeAt(r+1))<56320||a>57343?e[r]:e.slice(r,r+2);t.push(o),r+=o.length}return t}function Eg(e,t,n,r,i){let a,o=t.length;for(let n=0;n=0;)i++;if(i>0){t.push(n.join(``));for(let t=parseInt(e.substring(r,r+i),10);t>0;t--)n.pop();r+=i}else n.push(e[r]),r++}return t}var Og={defaultProtocol:`http`,events:null,format:Ag,formatHref:Ag,nl2br:!1,tagName:`a`,target:null,rel:null,validate:!0,truncate:1/0,className:null,attributes:null,ignoreTags:[],ignoreClasses:[],render:null};function kg(e,t=null){let n=Object.assign({},Og);e&&(n=Object.assign(n,e instanceof kg?e.o:e));let r=n.ignoreTags,i=[];for(let e=0;e=0)return!0;return!1},defaultRender(e){return e},check(e){return this.get(`validate`,e.toString(),e)},get(e,t,n){let r=t!=null,i=this.o[e];return i&&(typeof i==`object`?(i=n.t in i?i[n.t]:Og[e],typeof i==`function`&&r&&(i=i(t,n))):typeof i==`function`&&r&&(i=i(t,n.t,n)),i)},getObj(e,t,n){let r=this.o[e];return typeof r==`function`&&t!=null&&(r=r(t,n.t,n)),r},render(e){let t=e.render(this);return(this.get(`render`,null,e)||this.defaultRender)(t,e.t,e)}};function Ag(e){return e}function jg(e,t){this.t=`token`,this.v=e,this.tk=t}jg.prototype={isLink:!1,toString(){return this.v},toHref(e){return this.toString()},toFormattedString(e){let t=this.toString(),n=e.get(`truncate`,t,this),r=e.get(`format`,t,this);return n&&r.length>n?r.substring(0,n)+`…`:r},toFormattedHref(e){return e.get(`formatHref`,this.toHref(e.get(`defaultProtocol`)),this)},startIndex(){return this.tk[0].s},endIndex(){return this.tk[this.tk.length-1].e},toObject(e=Og.defaultProtocol){return{type:this.t,value:this.toString(),isLink:this.isLink,href:this.toHref(e),start:this.startIndex(),end:this.endIndex()}},toFormattedObject(e){return{type:this.t,value:this.toFormattedString(e),isLink:this.isLink,href:this.toFormattedHref(e),start:this.startIndex(),end:this.endIndex()}},validate(e){return e.get(`validate`,this.toString(),this)},render(e){let t=this,n=this.toHref(e.get(`defaultProtocol`)),r=e.get(`formatHref`,n,this),i=e.get(`tagName`,n,t),a=this.toFormattedString(e),o={},s=e.get(`className`,n,t),c=e.get(`target`,n,t),l=e.get(`rel`,n,t),u=e.getObj(`attributes`,n,t),d=e.getObj(`events`,n,t);return o.href=r,s&&(o.class=s),c&&(o.target=c),l&&(o.rel=l),u&&Object.assign(o,u),{tagName:i,attributes:o,content:a,eventListeners:d}}};function Mg(e,t){class n extends jg{constructor(t,n){super(t,n),this.t=e}}for(let e in t)n.prototype[e]=t[e];return n.t=e,n}var Ng=Mg(`email`,{isLink:!0,toHref(){return`mailto:`+this.toString()}}),Pg=Mg(`text`),Fg=Mg(`nl`),Ig=Mg(`url`,{isLink:!0,toHref(e=Og.defaultProtocol){return this.hasProtocol()?this.v:`${e}://${this.v}`},hasProtocol(){let e=this.tk;return e.length>=2&&e[0].t!==ph&&e[1].t===Wh}}),Lg=e=>new sh(e);function Rg({groups:e}){let t=e.domain.concat([Lh,zh,Bh,Vh,Hh,Uh,Kh,Jh,Xh,vh,Zh,Qh,$h,eg,ag,lg,og,sg]),n=[Rh,Wh,Gh,qh,Yh,Zh,tg,ng,ig,Dh,Oh,xh,Sh,wh,Ch,Th,Eh,kh,Ah,jh,Mh,Nh,Ph,Fh,Ih],r=[Lh,Rh,zh,Vh,Hh,Uh,Kh,Jh,Xh,xh,Sh,Zh,Qh,$h,eg,tg,ag,lg,og,sg],i=Lg(),a=X(i,og);J(a,r,a),J(a,e.domain,a);let o=Lg(),s=Lg(),c=Lg();J(i,e.domain,o),J(i,e.scheme,s),J(i,e.slashscheme,c),J(o,r,a),J(o,e.domain,o);let l=X(o,Bh);X(a,Bh,l),X(s,Bh,l),X(c,Bh,l);let u=X(a,qh);J(u,r,a),J(u,e.domain,a);let d=Lg();J(l,e.domain,d),J(d,e.domain,d);let f=X(d,qh);J(f,e.domain,d);let p=Lg(Ng);J(f,e.tld,p),J(f,e.utld,p),X(l,ph,p);let m=X(d,Xh);X(m,Xh,m),J(m,e.domain,d),J(p,e.domain,d),X(p,qh,f),X(p,Xh,m);let h=X(o,Xh),g=X(o,qh);X(h,Xh,h),J(h,e.domain,o),J(g,r,a),J(g,e.domain,o);let _=Lg(Ig);J(g,e.tld,_),J(g,e.utld,_),J(_,e.domain,o),J(_,r,a),X(_,qh,g),X(_,Xh,h),X(_,Bh,l);let v=X(_,Wh),y=Lg(Ig);J(v,e.numeric,y);let b=Lg(Ig),x=Lg();J(b,t,b),J(b,n,x),J(x,t,b),J(x,n,x),X(_,ag,b),X(y,ag,b),X(_,tg,x),X(_,eg,b),X(y,tg,x),X(y,eg,b);let S=X(s,Wh),ee=X(X(X(c,Wh),ag),ag);J(s,e.domain,o),X(s,qh,g),X(s,Xh,h),J(c,e.domain,o),X(c,qh,g),X(c,Xh,h),J(S,e.domain,b),X(S,ag,b),X(S,tg,b),J(ee,e.domain,b),J(ee,t,b),X(ee,ag,b);let te=[[xh,Sh],[Ch,wh],[Th,Eh],[Dh,Oh],[kh,Ah],[jh,Mh],[Nh,Ph],[Fh,Ih]];for(let e=0;e=0&&p++,m.push(c),s[i]&&s[i].has(c))break;for(let e=0,t=i-m.length+1;e0&&(a.push(Bg(Pg,t,o)),o=[]),i-=p,d-=p;let e=f.t,r=n.slice(i-d,i);a.push(Bg(e,t,r))}}return o.length>0&&a.push(Bg(Pg,t,o)),a}function Bg(e,t,n){let r=n[0].s,i=n[n.length-1].e;return new e(t.slice(r,i),n)}var Vg=typeof console<`u`&&console&&console.warn||(()=>{}),Hg=`until manual call of linkify.init(). Register all schemes and plugins before invoking linkify the first time.`,Z={scanner:null,parser:null,tokenQueue:[],pluginQueue:[],customSchemes:[],initialized:!1};function Ug(){return sh.groups={},Z.scanner=null,Z.parser=null,Z.tokenQueue=[],Z.pluginQueue=[],Z.customSchemes=[],Z.initialized=!1,Z}function Wg(e,t=!1){if(Z.initialized&&Vg(`linkifyjs: already initialized - will not register custom scheme "${e}" ${Hg}`),!/^[0-9a-z]+(-[0-9a-z]+)*$/.test(e))throw Error(`linkifyjs: incorrect scheme format. +1. Must only contain digits, lowercase ASCII letters or "-" +2. Cannot start or end with "-" +3. "-" cannot repeat`);Z.customSchemes.push([e,t])}function Gg(){Z.scanner=Cg(Z.customSchemes);for(let e=0;ee.mark.type===n);if(!o.length)return;let{nodeAfter:s}=r;if(s&&o.some(e=>e.mark.isInSet(s.marks)))return;let c=e.storedMarks;e.removeMark(a,t.to,n),e.setStoredMarks(c),e.selection.empty&&e.selection.from===t.to&&e.removeStoredMark(n)}function e_(e){return e.length===1?e[0].isLink:e.length===3&&e[1].isLink?[`()`,`[]`].includes(e[0].value+e[2].value):!1}function t_(e){return new k({key:new A(`autolink`),appendTransaction:(t,n,r)=>{let i=t.some(e=>e.docChanged)&&!n.doc.eq(r.doc),a=t.some(e=>e.getMeta(`preventAutolink`));if(!i||a)return;let{tr:o}=r,s=cu(n.doc,[...t]);if(!t.some(Hc)){let t=[];s.steps.forEach((e,n)=>{if(!(e instanceof At)||!e.slice.size)return;let r=s.mapping.slice(n+1),i=r.map(e.from,1),a=r.map(e.from+e.slice.size,-1);it.to-e.to),t.forEach(t=>$g(o,t,e.type))}if(Tu(s).forEach(({newRange:t})=>{let n=lu(r.doc,t,e=>e.isTextblock),i,a;if(n.length>1)i=n[0],a=r.doc.textBetween(i.pos,i.pos+i.node.nodeSize,void 0,` `);else if(n.length){let e=r.doc.textBetween(t.from,t.to,` `,` `);if(!Xg.test(e))return;i=n[0],a=r.doc.textBetween(i.pos,t.to,void 0,` `)}if(i&&a){let t=a.split(Yg).filter(Boolean);if(t.length<=0)return!1;let n=t[t.length-1],s=i.pos+a.lastIndexOf(n);if(!n)return!1;let c=Kg(n).map(t=>t.toObject(e.defaultProtocol));if(!e_(c))return!1;c.filter(e=>e.isLink).map(e=>({...e,from:s+e.start+1,to:s+e.end+1})).filter(e=>!r.schema.marks.code||!r.doc.rangeHasMark(e.from,e.to,r.schema.marks.code)).filter(t=>e.validate(t.value)).filter(t=>e.shouldAutoLink(t.value)).forEach(t=>{Eu(t.from,t.to,r.doc).some(t=>t.mark.type===e.type)||o.addMark(t.from,t.to,e.type.create({href:t.href}))})}}),o.steps.length)return o}})}function n_(e){return new k({key:new A(`handleClickLink`),props:{handleClick:(t,n,r)=>{if(r.button!==0||!t.editable)return!1;let i=null;if(r.target instanceof HTMLAnchorElement)i=r.target;else{let t=r.target;if(!t)return!1;let n=e.editor.view.dom;i=t.closest(`a`),i&&!n.contains(i)&&(i=null)}if(!i)return!1;let a=!1;if(e.enableClickSelection&&(a=e.editor.commands.extendMarkRange(e.type.name)),e.openOnClick){let n=Su(t.state,e.type.name),r=i.href??n.href,o=i.target??n.target;r&&(window.open(r,o),a=!0)}return a}}})}var r_=/\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)$/,i_=/\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)/g;function a_(e,t){let n=0;for(let r=t-1;r>=0&&e[r]===`\\`;--r)n+=1;return n%2==1}function o_(e,t){let n=0,r=0;for(;r0}function s_(e,t,n){let[,r,i]=t;return(t.index?e[t.index-1]:void 0)===`!`||a_(e,t.index??0)||o_(e,t.index??0)?!1:!!r.trim()&&n(i)}function c_(e){let[t,n,r,,i,a,o]=e,s=i??a??o;return{index:e.index??0,text:t,replaceWith:n,data:{href:r,title:s||null,markdown:!0}}}function l_(e,t){return e.index{let n=r_.exec(t);return!n||!s_(t,n,e.isAllowedHref)?null:c_(n)},type:e.type,getAttributes:u_});return new Md({find:t.find,handler:e=>{let n=t.handler(e);return n!==null&&e.state.tr.steps.length&&e.state.tr.setMeta(`preventAutolink`,!0),n}})}function f_(e){let t=Ud({find:t=>{let n=[];for(let r of t.matchAll(i_))s_(t,r,e.isAllowedHref)&&n.push(c_(r));let r=(e.findPlainUrls?.call(e,t)??[]).filter(e=>!n.some(t=>l_(t,e)));return[...n,...r]},type:e.type,getAttributes:u_});return new Fd({find:t.find,handler:e=>{let n=t.handler(e);return n!==null&&e.state.tr.steps.length&&e.match.data?.markdown&&e.state.tr.setMeta(`preventAutolink`,!0),n}})}function p_(e){return new k({key:new A(`handlePasteLink`),props:{handlePaste:(t,n,r)=>{let{shouldAutoLink:i}=e,{state:a}=t,{selection:o}=a,{empty:s}=o;if(s)return!1;let c=``;r.content.forEach(e=>{c+=e.textContent});let l=qg(c,{defaultProtocol:e.defaultProtocol}).find(e=>e.isLink&&e.value===c);return!c||!l||i!==void 0&&!i(l.value)?!1:e.editor.commands.setMark(e.type,{href:l.href})}}})}function m_(e,t){let n=[`http`,`https`,`ftp`,`ftps`,`mailto`,`tel`,`callto`,`sms`,`cid`,`xmpp`];return t&&t.forEach(e=>{let t=typeof e==`string`?e:e.scheme;t&&n.push(t)}),!e||e.replace(Qg,``).match(RegExp(`^(?:(?:${n.map(e=>e.replace(/[-/\\^$*+?.()|[\]{}]/g,`\\$&`)).join(`|`)}):|[^a-z]|[a-z0-9+.\\-]+(?:[^a-z+.\\-:]|$))`,`i`))}var h_=Pd.create({name:`link`,priority:1e3,keepOnSplit:!1,exitable:!0,onCreate(){this.options.validate&&!this.options.shouldAutoLink&&(this.options.shouldAutoLink=this.options.validate,console.warn("The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.")),this.options.protocols.forEach(e=>{typeof e==`string`?Wg(e):Wg(e.scheme,e.optionalSlashes)})},onDestroy(){Ug()},inclusive(){return this.options.autolink},addOptions(){return{openOnClick:!0,enableClickSelection:!1,linkOnPaste:!0,markdownLinks:!1,autolink:!0,protocols:[],defaultProtocol:`http`,HTMLAttributes:{target:`_blank`,rel:`noopener noreferrer nofollow`,class:null},isAllowedUri:(e,t)=>!!m_(e,t.protocols),validate:e=>!!e,shouldAutoLink:e=>{let t=/^[a-z][a-z0-9+.-]*:\/\//i.test(e),n=/^[a-z][a-z0-9+.-]*:/i.test(e);if(t||n&&!e.includes(`@`))return!0;let r=(e.includes(`@`)?e.split(`@`).pop():e).split(/[/?#:]/)[0];return!(/^\d{1,3}(\.\d{1,3}){3}$/.test(r)||!/\./.test(r))}}},addAttributes(){return{href:{default:null,parseHTML(e){return e.getAttribute(`href`)}},target:{default:this.options.HTMLAttributes.target??null},rel:{default:this.options.HTMLAttributes.rel??null},class:{default:this.options.HTMLAttributes.class??null},title:{default:null}}},parseHTML(){return[{tag:`a[href]`,getAttrs:e=>{let t=e.getAttribute(`href`);return!t||!this.options.isAllowedUri(t,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?!1:null}}]},renderHTML({HTMLAttributes:e}){return this.options.isAllowedUri(e.href,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?[`a`,V(this.options.HTMLAttributes,e),0]:[`a`,V(this.options.HTMLAttributes,{...e,href:``}),0]},markdownTokenName:`link`,parseMarkdown:(e,t)=>t.applyMark(`link`,t.parseInline(e.tokens||[]),{href:e.href,title:e.title||null}),renderMarkdown:(e,t)=>{let n=e.attrs?.href??``,r=e.attrs?.title??``,i=t.renderChildren(e);return r?`[${i}](${n} "${r}")`:`[${i}](${n})`},addCommands(){return{setLink:e=>({chain:t})=>{let{href:n}=e;return this.options.isAllowedUri(n,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?t().setMark(this.name,e).setMeta(`preventAutolink`,!0).run():!1},toggleLink:e=>({chain:t})=>{let{href:n}=e||{};return n&&!this.options.isAllowedUri(n,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?!1:t().toggleMark(this.name,e,{extendEmptyMarkRange:!0}).setMeta(`preventAutolink`,!0).run()},unsetLink:()=>({chain:e})=>e().unsetMark(this.name,{extendEmptyMarkRange:!0}).setMeta(`preventAutolink`,!0).run()}},addInputRules(){return this.options.markdownLinks?[d_({type:this.type,isAllowedHref:e=>this.options.isAllowedUri(e,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})})]:[]},addPasteRules(){let e=e=>{let t=[];if(e){let{protocols:n,defaultProtocol:r}=this.options;qg(e,{defaultProtocol:r}).filter(e=>e.isLink&&this.options.isAllowedUri(e.value,{defaultValidate:e=>!!m_(e,n),protocols:n,defaultProtocol:r})).forEach(e=>{this.options.shouldAutoLink(e.value)&&t.push({text:e.value,data:{href:e.href},index:e.start})})}return t};return this.options.markdownLinks?[f_({type:this.type,isAllowedHref:e=>this.options.isAllowedUri(e,{defaultValidate:e=>!!m_(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol}),findPlainUrls:e})]:[Ud({find:e,type:this.type,getAttributes:e=>({href:e.data?.href})})]},addProseMirrorPlugins(){let e=[],{protocols:t,defaultProtocol:n}=this.options;return this.options.autolink&&e.push(t_({type:this.type,defaultProtocol:this.options.defaultProtocol,validate:e=>this.options.isAllowedUri(e,{defaultValidate:e=>!!m_(e,t),protocols:t,defaultProtocol:n}),shouldAutoLink:this.options.shouldAutoLink})),e.push(n_({type:this.type,editor:this.editor,openOnClick:this.options.openOnClick===`whenNotEditable`||this.options.openOnClick,enableClickSelection:this.options.enableClickSelection})),this.options.linkOnPaste&&e.push(p_({editor:this.editor,defaultProtocol:this.options.defaultProtocol,type:this.type,shouldAutoLink:this.options.shouldAutoLink})),e}}),g_=`listItem`,__=`textStyle`,v_=/^\s*([-+*])\s$/,y_=U.create({name:`bulletList`,addOptions(){return{itemTypeName:`listItem`,HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}},group:`block list`,content(){return`${this.options.itemTypeName}+`},parseHTML(){return[{tag:`ul`}]},renderHTML({HTMLAttributes:e}){return[`ul`,V(this.options.HTMLAttributes,e),0]},markdownTokenName:`list`,parseMarkdown:(e,t)=>e.type!==`list`||e.ordered?[]:{type:`bulletList`,content:e.items?t.parseChildren(e.items):[]},renderMarkdown:(e,t)=>e.content?t.renderChildren(e.content,` +`):``,markdownOptions:{indentsContent:!0},addCommands(){return{toggleBulletList:()=>({commands:e,chain:t})=>this.options.keepAttributes?t().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(g_,this.editor.getAttributes(__)).run():e.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-8":()=>this.editor.commands.toggleBulletList()}},addInputRules(){let e=Bd({find:v_,type:this.type});return(this.options.keepMarks||this.options.keepAttributes)&&(e=Bd({find:v_,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:()=>this.editor.getAttributes(__),editor:this.editor})),[e]}}),b_=(e,t,n)=>{let{selection:r}=e;if(!r.empty)return null;let{$from:i}=r;if(!i.parent.isTextblock||i.parentOffset!==i.parent.content.size)return null;let a=-1;for(let e=i.depth;e>0;--e)if(i.node(e).type.name===t){a=e;break}if(a<0)return null;let o=i.node(a),s=i.index(a);if(s+1>=o.childCount)return null;let c=o.child(s+1);if(!n.includes(c.type.name))return null;let l=e.schema.nodes[t],u=!1;if(c.forEach(e=>{e.type===l&&e.childCount>1&&(u=!0)}),!u)return null;let d=e.doc.resolve(i.after()).nodeAfter;if(!d||!n.includes(d.type.name))return null;let f=[];return d.forEach(e=>{f.push(e)}),f.length===0?null:{listItemDepth:a,nestedList:d,nestedListPos:i.after(),insertPos:i.after(a),items:f}},x_=(e,t,n,r)=>{let i=b_(e,n,r);if(!i)return!1;let{selection:a}=e,{nestedList:o,nestedListPos:s,insertPos:c,items:l}=i,u=e.tr;u.delete(s,s+o.nodeSize);let d=u.mapping.map(c);return u.insert(d,p.from(l)),u.setSelection(a.map(u.doc,u.mapping)),t&&t(u),!0},S_=(e,t,n)=>x_(e.state,e.view.dispatch,t,n),C_=(e,t)=>H.create({name:`${e}BranchingDeleteKeymap`,priority:101,addKeyboardShortcuts(){let n=()=>S_(this.editor,e,t);return{Delete:n,"Mod-Delete":n}}}),w_=[[1e3,`m`],[900,`cm`],[500,`d`],[400,`cd`],[100,`c`],[90,`xc`],[50,`l`],[40,`xl`],[10,`x`],[9,`ix`],[5,`v`],[4,`iv`],[1,`i`]],T_=`abcdefghijklmnopqrstuvwxyz`,E_=String.raw`\d+|[ivxlcdmIVXLCDM]+|${`[a-zA-Z]{1,2}`}`;function D_(e){let t=e,n=``;for(let[e,r]of w_)for(;t>=e;)n+=r,t-=e;return n}function O_(e){return D_(e).toUpperCase()}function k_(e){let t=e.toLowerCase(),n=0,r=0;for(;n0?t:1}let n=parseInt(e,10);return Number.isNaN(n)?1:n}function F_(e,t){if(e===`numeric`)return String(t);switch(e){case`a`:return M_(t);case`A`:return M_(t).toUpperCase();case`i`:return D_(t);case`I`:return O_(t);default:return String(t)}}function I_(e){if(e.length===0)return!1;let t=N_(e[0])??`numeric`,n=P_(e[0]);if(n<1)return!1;for(let r=0;r(e?.level??U_)>U_;function G_(e){let t=e.tokens?.[0];return!!(e.text&&e.tokens?.length===1&&t?.type===`list`&&t.ordered&&t.raw===e.text)}function K_(e,t){return t.tokenizeInline?t.parseInline(t.tokenizeInline(e)):t.parseInline([{type:`text`,raw:e,text:e}])}var q_=U.create({name:`listItem`,addOptions(){return{HTMLAttributes:{},bulletListTypeName:`bulletList`,orderedListTypeName:`orderedList`}},content:`paragraph block*`,defining:!0,parseHTML(){return[{tag:`li`}]},renderHTML({HTMLAttributes:e}){return[`li`,V(this.options.HTMLAttributes,e),0]},markdownTokenName:`list_item`,parseMarkdown:(e,t)=>{if(e.type!==`list_item`)return[];let n=t.parseBlockChildren??t.parseChildren,r=[];if(e.tokens&&e.tokens.length>0){if(G_(e))return{type:`listItem`,content:[{type:`paragraph`,content:K_(e.text||``,t)}]};let[i,...a]=e.tokens;if(i.type===`heading`)return{type:`listItem`,content:[{type:`paragraph`,content:t.parseInline(i.tokens??[])},...a.length>0?n(a):[]]};if(e.tokens.some(e=>e.type===`paragraph`))r=n(e.tokens);else if(i.type===`text`&&i.tokens&&i.tokens.length>0){if(r=[{type:`paragraph`,content:t.parseInline(i.tokens)}],e.tokens.length>1){let t=n(e.tokens.slice(1));r.push(...t)}}else r=n(e.tokens)}return r.length===0&&(r=[{type:`paragraph`,content:[]}]),{type:`listItem`,content:B_(r)}},renderMarkdown:(e,t,n)=>{let r=e=>{if(e.parentType===`bulletList`)return`- `;if(e.parentType===`orderedList`){var t,n;let r=((t=e.meta)==null||(t=t.parentAttrs)==null?void 0:t.start)||1;return z_((n=e.meta)==null||(n=n.parentAttrs)==null?void 0:n.type,r-1+(e.index||0),`. `)}return`- `},i=Ad(e,t,r,n,{alignNestedToPrefix:n?.parentType===`orderedList`});if(!V_(e)||!W_(n))return i;let a=r(n);return`${a}${H_}${i.slice(a.length)}`},addExtensions(){return[C_(this.name,[this.options.bulletListTypeName,this.options.orderedListTypeName])]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),J_=(e,t)=>{let{$from:n}=t.selection,r=B(e,t.schema),i=null,a=n.depth,o=n.pos,s=null;for(;a>0&&s===null;)i=n.node(a),i.type===r?s=a:(--a,--o);return s===null?null:{$pos:t.doc.resolve(o),depth:s}},Y_=(e,t)=>{let n=J_(e,t);if(!n)return!1;let[,r]=Du(t,e,n.$pos.pos+4);return r},X_=(e,t,n)=>{let{$anchor:r}=e.selection,i=Math.max(0,r.pos-2),a=e.doc.resolve(i).node();return!(!a||!n.includes(a.type.name))},Z_=(e,t,n)=>{if(e.commands.undoInputRule())return!0;if(e.state.selection.from!==e.state.selection.to)return!1;if(!Wl(e.state,t)&&X_(e.state,t,n)){let{$anchor:n}=e.state.selection,r=e.state.doc.resolve(n.before()-1),i=[];r.node().descendants((e,n)=>{e.type.name===t&&i.push({node:e,pos:n})});let a=i.at(-1);if(!a)return!1;let o=e.state.doc.resolve(r.start()+a.pos+1);return e.chain().command(({tr:e})=>{let t=o.end();return e.delete(n.before(),n.after()).insert(t,n.parent),e.setSelection(D.create(e.doc,t+1)),!0}).command(({state:e,dispatch:t})=>(Xn(e,t),!0)).run()}if(!Wl(e.state,t)||!Mu(e.state))return!1;let{$from:r}=e.state.selection,i=r.depth-1;return r.node(i).type!==e.schema.nodes[t]||r.index(i)!==0?!1:e.chain().liftListItem(t).run()},Q_=(e,t)=>{let n=Y_(e,t),r=J_(e,t);return!r||!n?!1:n>r.depth},$_=(e,t)=>{let n=Y_(e,t),r=J_(e,t);return!r||!n?!1:n!Wl(e.state,t)||!ju(e.state,t)||!e.state.selection.empty?!1:Q_(t,e.state)?e.chain().focus(e.state.selection.from+4).lift(t).joinBackward().run():$_(t,e.state)?e.commands.command(({state:e,dispatch:t})=>Zn(e,t)):e.commands.joinItemForward(),tv=(e,t,n)=>{let{state:r}=e,{selection:i}=r;if(!i.empty)return!1;let{$from:a}=i;if(a.parentOffset!==0||!a.parent.isTextblock||Wl(r,t))return!1;let o=Ou(a);if(!o||!n.includes(o.type.name))return!1;let s=o.lastChild;if(!s||s.type.name!==t)return!1;let c=a.parent;if(!s.canReplace(s.childCount,s.childCount,p.from(c)))return!1;let l=a.before(),u=a.after(),d=l-2;return e.commands.command(({tr:e,dispatch:t})=>(t&&(e.delete(l,u).insert(d,p.from(c)),e.setSelection(D.create(e.doc,d+1)),e.scrollIntoView()),!0))},nv=H.create({name:`listKeymap`,addOptions(){return{listTypes:[{itemName:`listItem`,wrapperNames:[`bulletList`,`orderedList`]},{itemName:`taskItem`,wrapperNames:[`taskList`]}]}},addKeyboardShortcuts(){return{Delete:({editor:e})=>{let t=!1;return this.options.listTypes.forEach(({itemName:n})=>{e.state.schema.nodes[n]!==void 0&&ev(e,n)&&(t=!0)}),t},"Mod-Delete":({editor:e})=>{let t=!1;return this.options.listTypes.forEach(({itemName:n})=>{e.state.schema.nodes[n]!==void 0&&ev(e,n)&&(t=!0)}),t},Backspace:({editor:e})=>{let t=!1;return this.options.listTypes.forEach(({itemName:n,wrapperNames:r})=>{e.state.schema.nodes[n]!==void 0&&Z_(e,n,r)&&(t=!0)}),t},"Mod-Backspace":({editor:e})=>{let t=!1;return this.options.listTypes.forEach(({itemName:n,wrapperNames:r})=>{e.state.schema.nodes[n]!==void 0&&Z_(e,n,r)&&(t=!0)}),t},Tab:({editor:e})=>{for(let{itemName:t,wrapperNames:n}of this.options.listTypes)if(e.state.schema.nodes[t]!==void 0&&tv(e,t,n))return!0;return!1}}}}),rv=RegExp(`^(\\s*)(${E_})([.)])\\s+(.*)$`),iv=/^\s/,av={heading:/^#{1,6}(?:\s|$)/,bulletItem:/^[-+*]\s+/,codeFence:/^(?:```|~~~)/,blockMath:/^\$\$/,thematicBreak:/^(?:(?:-[ \t]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})$/};function ov(e){return rv.test(e.trimStart())}function sv(e){let t=e.trimStart();return av.bulletItem.test(t)||ov(t)||av.heading.test(t)||av.thematicBreak.test(t)&&!t.startsWith(`-`)||/^>\s?/.test(t)||av.codeFence.test(t)||av.blockMath.test(t)}function cv(e){return Object.values(av).some(t=>t.test(e))}function lv(e){let t=[],n=[],r=!1;return e.forEach(e=>{r?n.push(e):e.trim()===``||t.length>0&&sv(e)?(r=!0,n.push(e)):t.push(e)}),{paragraphLines:t,blockLines:n}}function uv(e){let t=[],n=0,r=0;for(;ne.trim().length>0);if(t.length===0)return null;let n=[];for(let e of t){let t=e.trim().match(dv);if(!t)return null;n.push({marker:t[1],content:t[3]})}return I_(n.map(e=>e.marker))?{type:`orderedList`,attrs:R_(n[0].marker),content:n.map(e=>({type:`listItem`,content:[{type:`paragraph`,content:[{type:`text`,text:e.content}]}]}))}:null}function pv(e,t,n){let r=[],i=0;for(;it;)f.push(e[d]),d+=1;if(f.length>0){let e=pv(f,Math.min(...f.map(e=>e.indent)),n);l.push({type:`list`,ordered:!0,start:f[0].number,typeMarker:f[0].type,items:e,raw:f.map(e=>e.raw).join(` +`)})}r.push({type:`list_item`,raw:a.raw,tokens:l}),i=d}else i+=1}return r}function mv(e,t){return e.map(e=>{if(e.type!==`list_item`)return t.parseChildren([e])[0];let n=[];return e.tokens&&e.tokens.length>0&&e.tokens.forEach(e=>{if(e.type===`paragraph`||e.type===`list`||e.type===`blockquote`||e.type===`code`)n.push(...t.parseChildren([e]));else if(e.type===`text`&&e.tokens){let r=t.parseChildren([e]);n.push({type:`paragraph`,content:r})}else{let r=t.parseChildren([e]);r.length>0&&n.push(...r)}}),{type:`listItem`,content:n}})}var hv=64;function gv(e,t){let n=[],r=0;for(;n.lengthe.hasAttribute(`start`)?parseInt(e.getAttribute(`start`)||``,10):1},type:{default:null,parseHTML:e=>{let t=e.getAttribute(`type`);if(t)return t;let n=e.getAttribute(`style`);if(n){let e=xv(n);if(e)return e}let r=e.querySelector(`li`);if(r){let e=r.getAttribute(`style`);if(e){let t=xv(e);if(t)return t}}return null}}}},parseHTML(){return[{tag:`ol`}]},renderHTML({HTMLAttributes:e}){let{start:t,type:n,...r}=e,i=V(this.options.HTMLAttributes,r);return t!==1&&(i.start=t),n&&n!==`1`&&(i.type=n),[`ol`,i,0]},markdownTokenName:`list`,parseMarkdown:(e,t)=>{if(e.type!==`list`||!e.ordered)return[];let n=e.start||1,r=e.typeMarker,i=e.items?mv(e.items,t):[],a={};return n!==1&&(a.start=n),r&&(a.type=r),Object.keys(a).length>0?{type:`orderedList`,attrs:a,content:i}:{type:`orderedList`,content:i}},renderMarkdown:(e,t)=>e.content?t.renderChildren(e.content,` +`):``,markdownTokenizer:{name:`orderedList`,level:`block`,start:()=>-1,tokenize:(e,t,n)=>{let[r,i,a]=_v(e);if(r.length===0)return;let o=pv(r,r[0].indent,n);if(o.length!==0)return{type:`list`,ordered:!0,start:r[0]?.number||1,typeMarker:r[0]?.type,items:o,raw:a.slice(0,i).join(` +`)}}},markdownOptions:{indentsContent:!0},addCommands(){return{toggleOrderedList:()=>({commands:e,chain:t})=>this.options.keepAttributes?t().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(vv,this.editor.getAttributes(yv)).run():e.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-7":()=>this.editor.commands.toggleOrderedList()}},addProseMirrorPlugins(){return[new k({props:{handlePaste:(e,t)=>{if((t.clipboardData?.getData(`text/html`))?.trim())return!1;let n=t.clipboardData?.getData(`text/plain`);if(!n)return!1;let r=fv(n);if(!r)return!1;try{let t=e.state.schema.nodeFromJSON(r),n=e.state.tr.replaceSelectionWith(t);return e.dispatch(n),!0}catch{return!1}}}})]},addInputRules(){let e=(e,t)=>(!t.attrs.type||t.attrs.type===`1`)&&t.childCount+t.attrs.start===+e[1],t=Bd({find:bv,type:this.type,getAttributes:e=>({start:+e[1]}),joinPredicate:e});return(this.options.keepMarks||this.options.keepAttributes)&&(t=Bd({find:bv,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:e=>({start:+e[1],...this.editor.getAttributes(yv)}),joinPredicate:e,editor:this.editor})),[t]}}),Cv=/^\s*(\[([( |x])?\])\s$/,wv=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0`,Tv=(e,t,n)=>{var r;return(n==null||(r=n.checkboxLabel)==null?void 0:r.call(n,e,t))||`Task item checkbox for ${e.textContent||`empty task item`}`},Ev=U.create({name:`taskItem`,addOptions(){return{nested:!1,HTMLAttributes:{},taskListTypeName:`taskList`,a11y:void 0}},content(){return this.options.nested?`paragraph block*`:`paragraph+`},defining:!0,addAttributes(){return{checked:{default:!1,keepOnSplit:!1,parseHTML:e=>{let t=e.getAttribute(`data-checked`);return t===``||t===`true`},renderHTML:e=>({"data-checked":e.checked})}}},parseHTML(){return[{tag:`li[data-type="${this.name}"]`,priority:51,contentElement:e=>e.querySelector(`div`)??e}]},renderHTML({node:e,HTMLAttributes:t}){return[`li`,V(this.options.HTMLAttributes,t,{"data-type":this.name}),[`label`,[`input`,{type:`checkbox`,checked:e.attrs.checked?`checked`:null}],[`span`]],[`div`,0]]},parseMarkdown:(e,t)=>{let n=[];if(e.tokens&&e.tokens.length>0?n.push(t.createNode(`paragraph`,{},t.parseInline(e.tokens))):e.text?n.push(t.createNode(`paragraph`,{},[t.createNode(`text`,{text:e.text})])):n.push(t.createNode(`paragraph`,{},[])),e.nestedTokens&&e.nestedTokens.length>0){let r=t.parseChildren(e.nestedTokens);n.push(...r)}return t.createNode(`taskItem`,{checked:e.checked||!1},n)},renderMarkdown:(e,t)=>Ad(e,t,`- [${e.attrs?.checked?`x`:` `}] `,void 0,{indentMainContent:!0}),addExtensions(){return this.options.nested?[C_(this.name,[this.options.taskListTypeName])]:[]},addKeyboardShortcuts(){let e={Enter:()=>this.editor.commands.splitListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)};return this.options.nested?{...e,Tab:()=>this.editor.commands.sinkListItem(this.name)}:e},addNodeView(){return({node:e,HTMLAttributes:t,getPos:n,editor:r})=>{let i=document.createElement(`li`),a=document.createElement(`label`),o=document.createElement(`span`),s=document.createElement(`input`),c=document.createElement(`div`);o.style.cssText=wv;let l=e=>{let t=Tv(e,e.attrs.checked,this.options.a11y);s.setAttribute(`aria-label`,t),o.textContent=t};l(e),a.contentEditable=`false`,s.type=`checkbox`,s.addEventListener(`mousedown`,e=>e.preventDefault()),s.addEventListener(`change`,t=>{if(!r.isEditable&&!this.options.onReadOnlyChecked){s.checked=!s.checked;return}let{checked:i}=t.target;r.isEditable&&typeof n==`function`&&r.chain().focus(void 0,{scrollIntoView:!1}).command(({tr:e})=>{let t=n();if(typeof t!=`number`)return!1;let r=e.doc.nodeAt(t);return e.setNodeMarkup(t,void 0,{...r?.attrs,checked:i}),!0}).run(),!r.isEditable&&this.options.onReadOnlyChecked&&(this.options.onReadOnlyChecked(e,i)||(s.checked=!s.checked))}),Object.entries(this.options.HTMLAttributes).forEach(([e,t])=>{i.setAttribute(e,t)}),i.dataset.checked=e.attrs.checked,s.checked=e.attrs.checked,a.append(s,o),i.append(a,c),Object.entries(t).forEach(([e,t])=>{i.setAttribute(e,t)});let u=new Set(Object.keys(t));return{dom:i,contentDOM:c,update:e=>{if(e.type!==this.type)return!1;i.dataset.checked=e.attrs.checked,s.checked=e.attrs.checked,l(e);let t=r.extensionManager.attributes,n=vu(e,t),a=new Set(Object.keys(n)),o=this.options.HTMLAttributes;return u.forEach(e=>{a.has(e)||(e in o?i.setAttribute(e,o[e]):i.removeAttribute(e))}),Object.entries(n).forEach(([e,t])=>{t==null?e in o?i.setAttribute(e,o[e]):i.removeAttribute(e):i.setAttribute(e,t)}),u=a,!0}}}},addInputRules(){return[Bd({find:Cv,type:this.type,getAttributes:e=>({checked:e[e.length-1]===`x`})})]}}),Dv=U.create({name:`taskList`,addOptions(){return{itemTypeName:`taskItem`,HTMLAttributes:{}}},group:`block list`,content(){return`${this.options.itemTypeName}+`},parseHTML(){return[{tag:`ul[data-type="${this.name}"]`,priority:51}]},renderHTML({HTMLAttributes:e}){return[`ul`,V(this.options.HTMLAttributes,e,{"data-type":this.name}),0]},parseMarkdown:(e,t)=>t.createNode(`taskList`,{},t.parseChildren(e.items||[])),renderMarkdown:(e,t)=>e.content?t.renderChildren(e.content,` +`):``,markdownTokenizer:{name:`taskList`,level:`block`,start(e){let t=e.match(/^\s*[-+*]\s+\[([ xX])\]\s+/)?.index;return t===void 0?-1:t},tokenize(e,t,n){let r=e=>{let t=Dd(e,{itemPattern:/^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,extractItemData:e=>({indentLevel:e[1].length,mainContent:e[4],checked:e[3].toLowerCase()===`x`}),createToken:(e,t)=>({type:`taskItem`,raw:``,mainContent:e.mainContent,indentLevel:e.indentLevel,checked:e.checked,text:e.mainContent,tokens:n.inlineTokens(e.mainContent),nestedTokens:t}),customNestedParser:r},n);if(t){let r={type:`taskList`,raw:t.raw,items:t.items},i=e.slice(t.raw.length);return i.trim()?[r,...n.blockTokens(i)]:[r]}return n.blockTokens(e)},i=Dd(e,{itemPattern:/^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,extractItemData:e=>({indentLevel:e[1].length,mainContent:e[4],checked:e[3].toLowerCase()===`x`}),createToken:(e,t)=>({type:`taskItem`,raw:``,mainContent:e.mainContent,indentLevel:e.indentLevel,checked:e.checked,text:e.mainContent,tokens:n.inlineTokens(e.mainContent),nestedTokens:t}),customNestedParser:r},n);if(i)return{type:`taskList`,raw:i.raw,items:i.items}}},markdownOptions:{indentsContent:!0},addCommands(){return{toggleTaskList:()=>({commands:e})=>e.toggleList(this.name,this.options.itemTypeName)}},addKeyboardShortcuts(){return{"Mod-Shift-9":()=>this.editor.commands.toggleTaskList()}}});H.create({name:`listKit`,addExtensions(){let e=[];return this.options.bulletList!==!1&&e.push(y_.configure(this.options.bulletList)),this.options.listItem!==!1&&e.push(q_.configure(this.options.listItem)),this.options.listKeymap!==!1&&e.push(nv.configure(this.options.listKeymap)),this.options.orderedList!==!1&&e.push(Sv.configure(this.options.orderedList)),this.options.taskItem!==!1&&e.push(Ev.configure(this.options.taskItem)),this.options.taskList!==!1&&e.push(Dv.configure(this.options.taskList)),e}});var Ov=` `,kv=`\xA0`,Av=U.create({name:`paragraph`,priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:`block`,content:`inline*`,parseHTML(){return[{tag:`p`}]},renderHTML({HTMLAttributes:e}){return[`p`,V(this.options.HTMLAttributes,e),0]},parseMarkdown:(e,t)=>{let n=e.tokens||[];if(n.length===1&&n[0].type===`image`)return t.parseChildren([n[0]]);let r=t.parseInline(n);return n.length===1&&n[0].type===`text`&&(n[0].raw===Ov||n[0].text===Ov||n[0].raw===kv||n[0].text===kv)&&r.length===1&&r[0].type===`text`&&(r[0].text===Ov||r[0].text===kv)?t.createNode(`paragraph`,void 0,[]):t.createNode(`paragraph`,void 0,r)},renderMarkdown:(e,t,n)=>{if(!e)return``;let r=Array.isArray(e.content)?e.content:[];if(r.length===0){var i,a;let e=Array.isArray(n==null||(i=n.previousNode)==null?void 0:i.content)?n.previousNode.content:[];return(n==null||(a=n.previousNode)==null?void 0:a.type)===`paragraph`&&e.length===0?Ov:``}return t.renderChildren(r)},addCommands(){return{setParagraph:()=>({commands:e})=>e.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),jv=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,Mv=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,Nv=Pd.create({name:`strike`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`s`},{tag:`del`},{tag:`strike`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`line-through`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`s`,V(this.options.HTMLAttributes,e),0]},markdownTokenName:`del`,parseMarkdown:(e,t)=>t.applyMark(`strike`,t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>`~~${t.renderChildren(e)}~~`,addCommands(){return{setStrike:()=>({commands:e})=>e.setMark(this.name),toggleStrike:()=>({commands:e})=>e.toggleMark(this.name),unsetStrike:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[Ld({find:jv,type:this.type})]},addPasteRules(){return[Ud({find:Mv,type:this.type})]}}),Pv=U.create({name:`text`,group:`inline`,parseMarkdown:e=>({type:`text`,text:e.text||``}),renderMarkdown:e=>e.text||``}),Fv=Pd.create({name:`underline`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`u`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`underline`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`u`,V(this.options.HTMLAttributes,e),0]},parseMarkdown(e,t){return t.applyMark(this.name||`underline`,t.parseInline(e.tokens||[]))},renderMarkdown(e,t){return`${t.renderChildren(e)}`},markdownTokenizer:{name:`underline`,level:`inline`,start(e){return e.toLowerCase().indexOf(``)},tokenize(e,t,n){if(!/^/i.test(e))return;let r=/\\[\s\S]|`+|<\/u>/gi;r.lastIndex=3;let i=r.exec(e);for(;i;){if(i[0].startsWith("`")){let t=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/.exec(e.slice(i.index));t&&(r.lastIndex=i.index+t[0].length)}else if(!i[0].startsWith(`\\`)){let t=e.slice(3,i.index);return t?{type:`underline`,raw:e.slice(0,r.lastIndex),text:t,tokens:n.inlineTokens(t)}:void 0}i=r.exec(e)}}},addCommands(){return{setUnderline:()=>({commands:e})=>e.setMark(this.name),toggleUnderline:()=>({commands:e})=>e.toggleMark(this.name),unsetUnderline:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}});function Iv(e={}){return new k({view(t){return new Lv(t,e)}})}var Lv=class{constructor(e,t){this.editorView=e,this.cursorPos=null,this.element=null,this.timeout=-1,this.lastDragEvent=null,this.width=t.width??1,this.color=t.color===!1?void 0:t.color||`black`,this.class=t.class,this.handlers=[`dragover`,`dragend`,`drop`,`dragleave`].map(t=>{let n=e=>{this[t](e)};return e.dom.addEventListener(t,n),{name:t,handler:n}})}destroy(){this.setCursor(null),this.handlers.forEach(({name:e,handler:t})=>this.editorView.dom.removeEventListener(e,t))}update(e,t){if(this.cursorPos!=null&&t.doc!=e.state.doc){if(this.lastDragEvent){let e=this.computeTarget(this.lastDragEvent);e==this.cursorPos?this.updateOverlay():this.setCursor(e)}else this.updateOverlay()}}setCursor(e){e!=this.cursorPos&&(this.cursorPos=e,e==null?(this.element.parentNode.removeChild(this.element),this.element=null):this.updateOverlay())}updateOverlay(){let e=this.editorView.state.doc.resolve(this.cursorPos),t=!e.parent.inlineContent,n,r=this.editorView.dom,i=r.getBoundingClientRect(),a=i.width/r.offsetWidth,o=i.height/r.offsetHeight;if(t){let t=e.nodeBefore,r=e.nodeAfter;if(t||r){let e=this.editorView.nodeDOM(this.cursorPos-(t?t.nodeSize:0));if(e){let i=e.getBoundingClientRect(),a=t?i.bottom:i.top;t&&r&&(a=(a+this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top)/2);let s=this.width/2*o;n={left:i.left,right:i.right,top:a-s,bottom:a+s}}}}if(!n){let e=this.editorView.coordsAtPos(this.cursorPos),t=this.width/2*a;n={left:e.left-t,right:e.left+t,top:e.top,bottom:e.bottom}}let s=this.editorView.dom.offsetParent;this.element||(this.element=s.appendChild(document.createElement(`div`)),this.class&&(this.element.className=this.class),this.element.style.cssText=`position: absolute; z-index: 50; pointer-events: none;`,this.color&&(this.element.style.backgroundColor=this.color)),this.element.classList.toggle(`prosemirror-dropcursor-block`,t),this.element.classList.toggle(`prosemirror-dropcursor-inline`,!t);let c,l;if(!s||s==document.body&&getComputedStyle(s).position==`static`)c=-pageXOffset,l=-pageYOffset;else{let e=s.getBoundingClientRect(),t=e.width/s.offsetWidth,n=e.height/s.offsetHeight;c=e.left-s.scrollLeft*t,l=e.top-s.scrollTop*n}this.element.style.left=(n.left-c)/a+`px`,this.element.style.top=(n.top-l)/o+`px`,this.element.style.width=(n.right-n.left)/a+`px`,this.element.style.height=(n.bottom-n.top)/o+`px`}scheduleRemoval(e){clearTimeout(this.timeout),this.timeout=setTimeout(()=>this.setCursor(null),e)}computeTarget(e){let t=this.editorView.posAtCoords({left:e.clientX,top:e.clientY}),n=t&&t.inside>=0&&this.editorView.state.doc.nodeAt(t.inside),r=n&&n.type.spec.disableDropCursor,i=typeof r==`function`?r(this.editorView,t,e):r;if(!t||i)return null;let a=t.pos;if(this.editorView.dragging&&this.editorView.dragging.slice){let e=rn(this.editorView.state.doc,a,this.editorView.dragging.slice);e!=null&&(a=e)}return a}dragover(e){if(!this.editorView.editable)return;this.lastDragEvent=e;let t=this.computeTarget(e);t!=null&&(this.setCursor(t),this.scheduleRemoval(5e3))}dragend(){this.scheduleRemoval(20)}drop(){this.scheduleRemoval(20)}dragleave(e){this.editorView.dom.contains(e.relatedTarget)||this.setCursor(null)}},Rv=class e extends E{constructor(e){super(e,e)}map(t,n){let r=t.resolve(n.map(this.head));return e.valid(r)?new e(r):E.near(r)}content(){return y.empty}eq(t){return t instanceof e&&t.head==this.head}toJSON(){return{type:`gapcursor`,pos:this.head}}static fromJSON(t,n){if(typeof n.pos!=`number`)throw RangeError(`Invalid input for GapCursor.fromJSON`);return new e(t.resolve(n.pos))}getBookmark(){return new zv(this.anchor)}static valid(e){let t=e.parent;if(t.inlineContent||!Vv(e)||!Hv(e))return!1;let n=t.type.spec.allowGapCursor;if(n!=null)return n;let r=t.contentMatchAt(e.index()).defaultType;return r&&r.isTextblock}static findGapCursorFrom(t,n,r=!1){search:for(;;){if(!r&&e.valid(t))return t;let i=t.pos,a=null;for(let r=t.depth;;r--){let o=t.node(r);if(n>0?t.indexAfter(r)0){a=o.child(n>0?t.indexAfter(r):t.index(r)-1);break}if(r==0)return null;i+=n;let s=t.doc.resolve(i);if(e.valid(s))return s}for(;;){let o=n>0?a.firstChild:a.lastChild;if(!o){if(a.isAtom&&!a.isText&&!O.isSelectable(a)){t=t.doc.resolve(i+a.nodeSize*n),r=!1;continue search}break}a=o,i+=n;let s=t.doc.resolve(i);if(e.valid(s))return s}return null}}};Rv.prototype.visible=!1,Rv.findFrom=Rv.findGapCursorFrom,E.jsonID(`gapcursor`,Rv);var zv=class e{constructor(e){this.pos=e}map(t){return new e(t.map(this.pos))}resolve(e){let t=e.resolve(this.pos);return Rv.valid(t)?new Rv(t):E.near(t)}};function Bv(e){return e.isAtom||e.spec.isolating||e.spec.createGapCursor}function Vv(e){for(let t=e.depth;t>=0;t--){let n=e.index(t),r=e.node(t);if(n==0){if(r.type.spec.isolating)return!0}else for(let e=r.child(n-1);;e=e.lastChild){if(e.childCount==0&&!e.inlineContent||Bv(e.type))return!0;if(e.inlineContent)return!1}}return!0}function Hv(e){for(let t=e.depth;t>=0;t--){let n=e.indexAfter(t),r=e.node(t);if(n==r.childCount){if(r.type.spec.isolating)return!0}else for(let e=r.child(n);;e=e.firstChild){if(e.childCount==0&&!e.inlineContent||Bv(e.type))return!0;if(e.inlineContent)return!1}}return!0}function Uv(){return new k({props:{decorations:Jv,createSelectionBetween(e,t,n){return t.pos==n.pos&&Rv.valid(n)?new Rv(n):null},handleClick:Kv,handleKeyDown:Wv,handleDOMEvents:{beforeinput:qv}}})}var Wv=vc({ArrowLeft:Gv(`horiz`,-1),ArrowRight:Gv(`horiz`,1),ArrowUp:Gv(`vert`,-1),ArrowDown:Gv(`vert`,1)});function Gv(e,t){let n=e==`vert`?t>0?`down`:`up`:t>0?`right`:`left`;return function(e,r,i){let a=e.selection,o=t>0?a.$to:a.$from,s=a.empty;if(a instanceof D){if(!i.endOfTextblock(n)||o.depth==0)return!1;s=!1,o=e.doc.resolve(t>0?o.after():o.before())}let c=Rv.findGapCursorFrom(o,t,s);return c?(r&&r(e.tr.setSelection(new Rv(c))),!0):!1}}function Kv(e,t,n){if(!e||!e.editable)return!1;let r=e.state.doc.resolve(t);if(!Rv.valid(r))return!1;let i=e.posAtCoords({left:n.clientX,top:n.clientY});return i&&i.inside>-1&&O.isSelectable(e.state.doc.nodeAt(i.inside))?!1:(e.dispatch(e.state.tr.setSelection(new Rv(r))),!0)}function qv(e,t){if(t.inputType!=`insertCompositionText`||!(e.state.selection instanceof Rv))return!1;let{$from:n}=e.state.selection,r=n.parent.contentMatchAt(n.index()).findWrapping(e.state.schema.nodes.text);if(!r)return!1;let i=p.empty;for(let e=r.length-1;e>=0;e--)i=p.from(r[e].createAndFill(null,i));let a=e.state.tr.replace(n.pos,n.pos,new y(i,0,0));return a.setSelection(D.near(a.doc.resolve(n.pos+1))),e.dispatch(a),!1}function Jv(e){if(!(e.selection instanceof Rv))return null;let t=document.createElement(`div`);return t.className=`ProseMirror-gapcursor`,L.create(e.doc,[I.widget(e.selection.head,t,{key:`gapcursor`})])}H.create({name:`characterCount`,addOptions(){return{limit:null,autoTrim:!0,mode:`textSize`,textCounter:e=>e.length,wordCounter:e=>e.split(` `).filter(e=>e!==``).length}},addStorage(){return{characters:()=>0,words:()=>0}},onBeforeCreate(){this.storage.characters=e=>{let t=e?.node||this.editor.state.doc;if((e?.mode||this.options.mode)===`textSize`){let e=t.textBetween(0,t.content.size,void 0,` `);return this.options.textCounter(e)}return t.nodeSize},this.storage.words=e=>{let t=e?.node||this.editor.state.doc,n=t.textBetween(0,t.content.size,` `,` `);return this.options.wordCounter(n)}},addProseMirrorPlugins(){let e=!1;return[new k({key:new A(`characterCount`),appendTransaction:(t,n,r)=>{if(e)return;let i=this.options.limit,a=this.options.autoTrim;if(i==null||i===0||a===!1){e=!0;return}let o=this.storage.characters({node:r.doc});if(o>i){let t=o-i;console.warn(`[CharacterCount] Initial content exceeded limit of ${i} characters. Content was automatically trimmed.`);let n=r.tr.deleteRange(0,t);return e=!0,n}e=!0},filterTransaction:(e,t)=>{let n=this.options.limit;if(!e.docChanged||n===0||n==null)return!0;let r=this.storage.characters({node:t.doc}),i=this.storage.characters({node:e.doc});if(i<=n||r>n&&i>n&&i<=r)return!0;if(r>n&&i>n&&i>r||!e.getMeta(`paste`))return!1;let a=e.selection.$head.pos,o=a-(i-n),s=a;return e.deleteRange(o,s),!(this.storage.characters({node:e.doc})>n)}})]}});var Yv=H.create({name:`dropCursor`,addOptions(){return{color:`currentColor`,width:1,class:void 0}},addProseMirrorPlugins(){return[Iv(this.options)]}});H.create({name:`focus`,addOptions(){return{className:`has-focus`,mode:`all`}},addProseMirrorPlugins(){return[new k({key:new A(`focus`),props:{decorations:({doc:e,selection:t})=>{let{isEditable:n,isFocused:r}=this.editor,{anchor:i}=t,a=[];if(!n||!r)return L.create(e,[]);let o=0;this.options.mode===`deepest`&&e.descendants((e,t)=>{if(!e.isText){if(!(i>=t&&i<=t+e.nodeSize-1))return!1;o+=1}});let s=0;return e.descendants((e,t)=>{if(e.isText||!(i>=t&&i<=t+e.nodeSize-1))return!1;if(s+=1,this.options.mode===`deepest`&&o-s>0||this.options.mode===`shallowest`&&s>1)return this.options.mode===`deepest`;a.push(I.node(t,t+e.nodeSize,{class:this.options.className}))}),L.create(e,a)}}})]}});var Xv=H.create({name:`gapCursor`,addProseMirrorPlugins(){return[Uv()]},extendNodeSchema(e){return{allowGapCursor:hu(fu(e,`allowGapCursor`,{name:e.name,options:e.options,storage:e.storage}))??null}}}),Zv=`placeholder`,Qv=new A(`tiptap__placeholder`);function $v(e){let{editor:t,placeholder:n,dataAttribute:r,pos:i,node:a,isEmptyDoc:o,hasAnchor:s,classes:{emptyNode:c,emptyEditor:l}}=e,u=[c];return o&&u.push(l),I.node(i,i+a.nodeSize,{class:u.join(` `),[r]:typeof n==`function`?n({editor:t,node:a,pos:i,hasAnchor:s}):n})}function ey(e,t){return typeof e==`function`?e(t):e}function ty({editor:e,options:t,dataAttribute:n,doc:r,selection:i,from:a,to:o}){let{anchor:s}=i,c=[],l=e.isEmpty;return r.nodesBetween(a,o,(r,i)=>{let a=s>=i&&s<=i+r.nodeSize,o=!r.isLeaf&&Pu(r);return r.type.isTextblock&&(a||!t.showOnlyCurrent)&&o&&c.push($v({editor:e,isEmptyDoc:l,dataAttribute:n,hasAnchor:a,placeholder:t.placeholder,classes:{emptyEditor:t.emptyEditorClass,emptyNode:ey(t.emptyNodeClass,{editor:e,node:r,pos:i,hasAnchor:a})},node:r,pos:i})),t.includeChildren}),c}function ny({editor:e,options:t,dataAttribute:n,doc:r,selection:i}){if(!e.isEditable&&t.showOnlyWhenEditable)return null;let{anchor:a}=i,o=[],s=e.isEmpty;if(t.showOnlyCurrent&&!t.includeChildren){let i=r.resolve(a),c=i.depth>0?i.node(1):i.nodeAfter,l=i.depth>0?i.before(1):a;if(c&&c.type.isTextblock&&Pu(c)){let r=a>=l&&a<=l+c.nodeSize;o.push($v({editor:e,isEmptyDoc:s,dataAttribute:n,hasAnchor:r,placeholder:t.placeholder,classes:{emptyEditor:t.emptyEditorClass,emptyNode:ey(t.emptyNodeClass,{editor:e,node:c,pos:l,hasAnchor:r})},node:c,pos:l}))}}else o.push(...ty({editor:e,options:t,dataAttribute:n,doc:r,selection:i,from:0,to:r.content.size}));return L.create(r,o)}function ry(e,t){let n=e.resolve(t);if(n.depth===0){let e=n.nodeAfter??n.nodeBefore;if(!e)return{from:t,to:t};let r=n.nodeAfter?t:t-e.nodeSize;return{from:r,to:r+e.nodeSize}}let r=n.before(1);return{from:r,to:r+n.node(1).nodeSize}}function iy(e,t){return{from:Math.max(0,t.from),to:Math.min(e.content.size,t.to)}}function ay(e,t,n){let r=[];return e.forEach((e,i)=>{let a=i,o=a+e.nodeSize,s=a+1,c=o+1;st&&r.push({from:a,to:o})}),r}function oy(e){if(e.length===0)return[];let t=[...e].sort((e,t)=>e.from-t.from),n=[{...t[0]}];for(let e=1;et.from?n.push(iy(e,ry(e,Math.min(t.to,e.content.size+1)-1))):t.frome.from>=t&&e.to<=c);l.length&&(s=s.remove(l));let u=ty({editor:n,options:r,dataAttribute:i,doc:a,selection:o,from:t,to:c});u.length&&(s=s.add(a,u))}return s}function dy({editor:e,options:t,dataAttribute:n}){return{init(r,i){return ny({editor:e,options:t,dataAttribute:n,doc:i.doc,selection:i.selection})??L.empty},apply(r,i,a,o){return!r.docChanged&&!r.selectionSet?i:uy({decorations:i.map(r.mapping,r.doc),ranges:cy(r,a,o),editor:e,options:t,dataAttribute:n,doc:o.doc,selection:o.selection})}}}function fy(e){return e.replace(/\s+/g,`-`).replace(/[^a-zA-Z0-9-]/g,``).replace(/^[0-9-]+/,``).replace(/^-+/,``).toLowerCase()}function py({editor:e,options:t}){let n=t.dataAttribute?`data-${fy(t.dataAttribute)}`:`data-${Zv}`,r=t.showOnlyCurrent&&!t.includeChildren;return new k({key:Qv,...r?{}:{state:dy({editor:e,options:t,dataAttribute:n})},props:{decorations:r?({doc:r,selection:i})=>ny({editor:e,options:t,dataAttribute:n,doc:r,selection:i}):n=>t.showOnlyWhenEditable&&!e.isEditable?L.empty:Qv.getState(n)??L.empty}})}H.create({name:`placeholder`,addOptions(){return{emptyEditorClass:`is-editor-empty`,emptyNodeClass:`is-empty`,dataAttribute:Zv,placeholder:`Write something …`,showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}},addProseMirrorPlugins(){return[py({editor:this.editor,options:this.options})]}});function my(e,t){return!e.selection.empty&&!Fu(e.selection)&&t.isEditable}function hy(e,t){return my(e,t)&&!t.isFocused&&!t.view.dragging}function gy(){var e;(e=window.getSelection())==null||e.removeAllRanges()}function _y(e){e.focus()}H.create({name:`selection`,addOptions(){return{className:`selection`}},addProseMirrorPlugins(){let{editor:e,options:t}=this;return[new k({key:new A(`selection`),props:{decorations(n){return hy(n,e)?L.create(n.doc,[I.inline(n.selection.from,n.selection.to,{class:t.className})]):null},handleDOMEvents:{blur(t){return my(t.state,e)&&gy(),!1},focus(t){return my(t.state,e)&&requestAnimationFrame(()=>{!e.isDestroyed&&t.hasFocus()&&_y(t)}),!1}}}})]}});function vy({types:e,node:t}){return t&&Array.isArray(e)&&e.includes(t.type)||t?.type===e}var yy=H.create({name:`trailingNode`,addOptions(){return{node:void 0,notAfter:[]}},addProseMirrorPlugins(){let e=new A(this.name),t=this.options.node||this.editor.schema.topNodeType.contentMatch.defaultType?.name||`paragraph`,n=Object.entries(this.editor.schema.nodes).map(([,e])=>e).filter(e=>(this.options.notAfter||[]).concat(t).includes(e.name));return[new k({key:e,appendTransaction:(n,r,i)=>{let{doc:a,tr:o,schema:s}=i,c=e.getState(i),l=a.content.size,u=s.nodes[t];if(!n.some(e=>e.getMeta(`skipTrailingNode`))&&c)return o.insert(l,u.create())},state:{init:(e,t)=>{let r=t.tr.doc.lastChild;return!vy({node:r,types:n})},apply:(e,t)=>{if(!e.docChanged||e.getMeta(`__uniqueIDTransaction`))return t;let r=e.doc.lastChild;return!vy({node:r,types:n})}}})]}}),by=H.create({name:`undoRedo`,addOptions(){return{depth:100,newGroupDelay:500}},addCommands(){return{undo:()=>({state:e,dispatch:t})=>Bc(e,t),redo:()=>({state:e,dispatch:t})=>Vc(e,t)}},addProseMirrorPlugins(){return[Rc(this.options)]},addKeyboardShortcuts(){return{"Mod-z":()=>this.editor.commands.undo(),"Shift-Mod-z":()=>this.editor.commands.redo(),"Mod-y":()=>this.editor.commands.redo(),"Mod-я":()=>this.editor.commands.undo(),"Shift-Mod-я":()=>this.editor.commands.redo()}}}),xy=H.create({name:`starterKit`,addExtensions(){let e=[];return this.options.bold!==!1&&e.push(Om.configure(this.options.bold)),this.options.blockquote!==!1&&e.push(Cm.configure(this.options.blockquote)),this.options.bulletList!==!1&&e.push(y_.configure(this.options.bulletList)),this.options.code!==!1&&e.push(Mm.configure(this.options.code)),this.options.codeBlock!==!1&&e.push(Im.configure(this.options.codeBlock)),this.options.document!==!1&&e.push(Lm.configure(this.options.document)),this.options.dropcursor!==!1&&e.push(Yv.configure(this.options.dropcursor)),this.options.gapcursor!==!1&&e.push(Xv.configure(this.options.gapcursor)),this.options.hardBreak!==!1&&e.push(Rm.configure(this.options.hardBreak)),this.options.heading!==!1&&e.push(zm.configure(this.options.heading)),this.options.undoRedo!==!1&&e.push(by.configure(this.options.undoRedo)),this.options.horizontalRule!==!1&&e.push(Bm.configure(this.options.horizontalRule)),this.options.italic!==!1&&e.push(Gm.configure(this.options.italic)),this.options.listItem!==!1&&e.push(q_.configure(this.options.listItem)),this.options.listKeymap!==!1&&e.push(nv.configure(this.options?.listKeymap)),this.options.link!==!1&&e.push(h_.configure(this.options?.link)),this.options.orderedList!==!1&&e.push(Sv.configure(this.options.orderedList)),this.options.paragraph!==!1&&e.push(Av.configure(this.options.paragraph)),this.options.strike!==!1&&e.push(Nv.configure(this.options.strike)),this.options.text!==!1&&e.push(Pv.configure(this.options.text)),this.options.underline!==!1&&e.push(Fv.configure(this.options?.underline)),this.options.trailingNode!==!1&&e.push(yy.configure(this.options?.trailingNode)),e}}),Sy=[`info`,`success`,`warning`,`error`];function Cy(e){if(!e)return null;let t;try{t=new URL(e.trim())}catch{return null}if(t.protocol!==`https:`&&t.protocol!==`http:`)return null;let n=t.hostname.replace(/^(www\.|m\.)/,``),r=/^[\w-]{6,20}$/;if(n===`youtu.be`){let e=t.pathname.slice(1);return r.test(e)?`https://www.youtube-nocookie.com/embed/${e}`:null}if(n===`youtube.com`||n===`youtube-nocookie.com`){let e=t.searchParams.get(`v`)??t.pathname.match(/^\/(?:embed|shorts|live)\/([^/?#]+)/)?.[1]??``;return r.test(e)?`https://www.youtube-nocookie.com/embed/${e}`:null}if(n===`vimeo.com`||n===`player.vimeo.com`){let e=t.pathname.match(/(?:^|\/)(\d{4,12})(?:$|\/)/)?.[1];return e?`https://player.vimeo.com/video/${e}`:null}return null}var wy=`֐-ࣿ‏יִ-﷿ﹰ-`,Ty=RegExp(`[${wy}]|[A-Za-zªµºÀ-ÖØ-öø-ʸͰ-҂Ҋ-֏ऀ-῿‎Ⰰ-﬜Ａ-Ｚａ-ｚ]`),Ey=RegExp(`^[${wy}]$`);function Dy(e){let t=e?Ty.exec(e):null;return t?Ey.test(t[0])?`rtl`:`ltr`:null}function Oy(e){let t=null;return e.descendants(e=>{if(t||e.type.name===`codeBlock`)return!1;let n=e.attrs.dir;return n===`ltr`||n===`rtl`?(t=n,!1):(e.isText&&!e.marks.some(e=>e.type.name===`code`)&&(t=Dy(e.text)),!t)}),t}var ky=[`blockquote`,`bulletList`,`orderedList`,`table`],Ay=e=>{let t=e.getAttribute(`dir`);return t===`ltr`||t===`rtl`?t:null},jy=new A(`onuAutoDirection`);function My(e,t){let n=[];return e.descendants((e,r)=>(t.includes(e.type.name)&&!e.attrs.dir&&n.push(I.node(r,r+e.nodeSize,{dir:Oy(e)??`auto`})),!0)),L.create(e,n)}H.create({name:`autoDirection`,addOptions(){return{types:[`paragraph`,`heading`,`blockquote`,`bulletList`,`orderedList`,`tableCell`,`tableHeader`,`callout`],containers:ky}},addGlobalAttributes(){return[{types:this.options.types,attributes:{dir:{default:null,parseHTML:Ay,renderHTML:e=>({dir:e.dir??`auto`})}}},{types:[`table`],attributes:{dir:{default:null,parseHTML:Ay,renderHTML:e=>e.dir?{dir:e.dir}:{}}}}]},addProseMirrorPlugins(){let e=this.options.containers;return[new k({key:jy,state:{init:(t,n)=>My(n.doc,e),apply:(t,n)=>t.docChanged?My(t.doc,e):n},props:{decorations:e=>jy.getState(e)}})]}});function Ny(e){return e.type!==`node`||!ky.includes(e.name)?e:e.extend({renderHTML({node:e,HTMLAttributes:t}){let n=t,r=(n.dir===`ltr`||n.dir===`rtl`?n.dir:null)??Oy(e)??`auto`,i=this.parent({node:e,HTMLAttributes:{...n,dir:r}});if(Array.isArray(i)&&i[0]===`div`){let[e,t,...n]=i;return[e,{...t,dir:r},...n]}return i}})}xy.extend({addExtensions(){return(this.parent?.()??[]).map(Ny)}}),pm.extend({addExtensions(){return(this.parent?.()??[]).map(Ny)}});var Py=U.create({name:`callout`,group:`block`,content:`inline*`,defining:!0,addAttributes(){return{variant:{default:`info`,parseHTML:e=>{let t=e.getAttribute(`data-variant`);return Sy.includes(t??``)?t:`info`},renderHTML:e=>({"data-variant":e.variant})}}},parseHTML(){return[{tag:`div[data-type="callout"]`}]},renderHTML({HTMLAttributes:e}){return[`div`,V({"data-type":`callout`,role:`note`},e),0]},addCommands(){return{setCallout:e=>({commands:t})=>t.setNode(this.name,e)}},addKeyboardShortcuts(){return{Enter:({editor:e})=>{let{$from:t,empty:n}=e.state.selection;if(!n||t.parent.type.name!==this.name||t.parentOffset!==t.parent.content.size)return!1;let r=t.after();return e.chain().insertContentAt(r,{type:`paragraph`}).setTextSelection(r+1).run()},Backspace:({editor:e})=>{let{$from:t,empty:n}=e.state.selection;return!n||t.parent.type.name!==this.name||t.parentOffset!==0?!1:e.commands.setNode(`paragraph`)}}}}),Fy=U.create({name:`embed`,group:`block`,atom:!0,draggable:!0,selectable:!0,addAttributes(){return{src:{default:null,parseHTML:e=>e.getAttribute(`data-src`)},title:{default:null,parseHTML:e=>e.getAttribute(`data-title`)}}},parseHTML(){return[{tag:`div[data-type="embed"]`}]},renderHTML({node:e}){let t=e.attrs.src,n=e.attrs.title??t??``,r=Cy(t),i={"data-type":`embed`,"data-src":t??``,"data-title":e.attrs.title??``};return r?[`div`,{...i,"data-embed-preview":``,class:`rounded-lg border bg-muted p-4 text-sm`},[`p`,{class:`font-medium`},`▶ ${n}`],[`p`,{class:`text-muted-foreground break-all`,dir:`ltr`},t??``]]:[`div`,i,[`a`,{href:Jd(t)?t:null,rel:`noopener noreferrer nofollow`},n]]},addCommands(){return{setEmbed:e=>({commands:t})=>t.insertContent({type:this.name,attrs:e})}}}),Iy=e((e=>{var t=Symbol.for(`react.transitional.element`);function n(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.jsx=n,e.jsxs=n})),Ly=e(((e,t)=>{t.exports=Iy()})),Ry=Math.min,zy=Math.max,By=Math.round,Vy=Math.floor,Hy=e=>({x:e,y:e}),Uy={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function Wy(e,t){return typeof e==`function`?e(t):e}function Gy(e){return e.split(`-`)[0]}function Ky(e){return e.split(`-`)[1]}function qy(e){return e===`x`?`y`:`x`}function Jy(e){return e===`y`?`height`:`width`}function Yy(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function Xy(e){return qy(Yy(e))}function Zy(e,t,n){n===void 0&&(n=!1);let r=Ky(e),i=Xy(e),a=Jy(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=ob(o)),[o,ob(o)]}function Qy(e){let t=ob(e);return[$y(e),t,$y(t)]}function $y(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}var eb=[`left`,`right`],tb=[`right`,`left`],nb=[`top`,`bottom`],rb=[`bottom`,`top`];function ib(e,t,n){switch(e){case`top`:case`bottom`:return n?t?tb:eb:t?eb:tb;case`left`:case`right`:return t?nb:rb;default:return[]}}function ab(e,t,n,r){let i=Ky(e),a=ib(Gy(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map($y)))),a}function ob(e){let t=Gy(e);return Uy[t]+e.slice(t.length)}function sb(e){return{top:e.top??0,right:e.right??0,bottom:e.bottom??0,left:e.left??0}}function cb(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:sb(e)}function lb(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function ub(e,t,n){let{reference:r,floating:i}=e,a=Yy(t),o=Xy(t),s=Jy(o),c=Gy(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}let m=Ky(t);return m&&(p[o]+=f*(m===`end`?1:-1)*(n&&l?-1:1)),p}async function db(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=Wy(t,e),p=cb(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=lb(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=lb(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var fb=50,pb=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:db},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=ub(l,r,c),f=r,p=0,m={};for(let n=0;ne<=0)){let e=(i.flip?.index||0)+1,t=S[e];if(t&&(u!==`alignment`||_===Yy(t)||ne.every(e=>Yy(e.placement)!==_||e.overflows[0]>0)))return{data:{index:e,overflows:ne},reset:{placement:t}};let n=ne.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=ne.filter(e=>{if(x){let t=Yy(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o}if(r!==n)return{reset:{placement:n}}}return{}}}},hb=new Set([`left`,`top`]);async function gb(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=Gy(n),s=Ky(n),c=Yy(n)===`y`,l=hb.has(o)?-1:1,u=a&&c?-1:1,d=Wy(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var _b=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await gb(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}};function vb(){return typeof window<`u`}function yb(e){return Sb(e)?(e.nodeName||``).toLowerCase():`#document`}function bb(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function xb(e){return((Sb(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function Sb(e){return vb()?e instanceof Node||e instanceof bb(e).Node:!1}function Cb(e){return vb()?e instanceof Element||e instanceof bb(e).Element:!1}function wb(e){return vb()?e instanceof HTMLElement||e instanceof bb(e).HTMLElement:!1}function Tb(e){return!vb()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof bb(e).ShadowRoot}function Eb(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=Lb(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function Db(e){return/^(table|td|th)$/.test(yb(e))}function Ob(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}var kb=/transform|translate|scale|rotate|perspective|filter/,Ab=/paint|layout|strict|content/,jb=e=>!!e&&e!==`none`,Mb;function Nb(e){let t=Cb(e)?Lb(e):e;return jb(t.transform)||jb(t.translate)||jb(t.scale)||jb(t.rotate)||jb(t.perspective)||!Fb()&&(jb(t.backdropFilter)||jb(t.filter))||kb.test(t.willChange||``)||Ab.test(t.contain||``)}function Pb(e){let t=zb(e);for(;wb(t)&&!Ib(t);){if(Nb(t))return t;if(Ob(t))return null;t=zb(t)}return null}function Fb(){return Mb??(Mb=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`)),Mb}function Ib(e){return/^(html|body|#document)$/.test(yb(e))}function Lb(e){return bb(e).getComputedStyle(e)}function Rb(e){return Cb(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function zb(e){if(yb(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||Tb(e)&&e.host||xb(e);return Tb(t)?t.host:t}function Bb(e){let t=zb(e);return Ib(t)?(e.ownerDocument||e).body:wb(t)&&Eb(t)?t:Bb(t)}function Vb(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=Bb(e),i=r===e.ownerDocument?.body,a=bb(r);if(i){let e=Hb(a);return t.concat(a,a.visualViewport||[],Eb(r)?r:[],e&&n?Vb(e):[])}return t.concat(r,Vb(r,[],n))}function Hb(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ub(e){let t=Lb(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=wb(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=By(n)!==a||By(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function Wb(e){return Cb(e)?e:e.contextElement}function Gb(e){let t=Wb(e);if(!wb(t))return Hy(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=Ub(t),o=(a?By(n.width):n.width)/r,s=(a?By(n.height):n.height)/i;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}var Kb=Hy(0);function qb(e){let t=bb(e);return!Fb()||!t.visualViewport?Kb:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Jb(e,t,n){return t===void 0&&(t=!1),!!n&&t&&n===bb(e)}function Yb(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=Wb(e),o=Hy(1);t&&(r?Cb(r)&&(o=Gb(r)):o=Gb(e));let s=Jb(a,n,r)?qb(a):Hy(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a&&r){let e=bb(a),t=Cb(r)?bb(r):r,n=e,i=Hb(n);for(;i&&t!==n;){let e=Gb(i),t=i.getBoundingClientRect(),r=Lb(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=bb(i),i=Hb(n)}}return lb({width:u,height:d,x:c,y:l})}function Xb(e,t){let n=Rb(e).scrollLeft;return t?t.left+n:Yb(xb(e)).left+n}function Zb(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Xb(e,n),y:n.top+t.scrollTop}}function Qb(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=xb(r),s=t?Ob(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=Hy(1),u=Hy(0),d=wb(r);if((d||!a)&&((yb(r)!==`body`||Eb(o))&&(c=Rb(r)),d)){let e=Yb(r);l=Gb(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?Zb(o,c):Hy(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function $b(e){return e.getClientRects?Array.from(e.getClientRects()):[]}function ex(e){let t=Rb(e),n=e.ownerDocument.body,r=zy(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),i=zy(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight),a=-t.scrollLeft+Xb(e),o=-t.scrollTop;return Lb(n).direction===`rtl`&&(a+=zy(e.clientWidth,n.clientWidth)-r),{width:r,height:i,x:a,y:o}}var tx=25;function nx(e,t,n){n===void 0&&(n=`viewport`);let r=n===`layoutViewport`,i=bb(e),a=xb(e),o=i.visualViewport,s=a.clientWidth,c=a.clientHeight,l=0,u=0;if(o){let e=!Fb()||t===`fixed`;r?e||(l=-o.offsetLeft,u=-o.offsetTop):(s=o.width,c=o.height,e&&(l=o.offsetLeft,u=o.offsetTop))}if(Xb(a)<=0){let e=a.ownerDocument,t=e.body,n=getComputedStyle(t),r=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,i=Math.abs(a.clientWidth-t.clientWidth-r),o=getComputedStyle(a).scrollbarGutter===`stable both-edges`?i/2:i;o<=tx&&(s-=o)}return{width:s,height:c,x:l,y:u}}function rx(e,t){let n=Yb(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=Gb(e);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function ix(e,t,n){let r;if(t===`viewport`||t===`layoutViewport`)r=nx(e,n,t);else if(t===`document`)r=ex(xb(e));else if(Cb(t))r=rx(t,n);else{let n=qb(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return lb(r)}function ax(e,t){let n=t.get(e);if(n)return n;let r=Vb(e,[],!1).filter(e=>Cb(e)&&yb(e)!==`body`),i=null,a=Lb(e).position===`fixed`,o=a?zb(e):e;for(;Cb(o)&&!Ib(o);){let e=Lb(o),t=Nb(o),n=i?i.position:a?`fixed`:``;!t&&(n===`fixed`||n===`absolute`&&e.position===`static`)?r=r.filter(e=>e!==o):i=e,o=zb(o)}return t.set(e,r),r}function ox(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?Ob(t)?[]:ax(t,this._c):[].concat(n),r],o=ix(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e{s(!1,1e-7)},1e3)}y=!1}try{r=new IntersectionObserver(b,{...v,root:a.ownerDocument})}catch{r=new IntersectionObserver(b,v)}r.observe(e)}let c=bb(e),l=()=>s(n);return c.addEventListener(`resize`,l),s(!0),()=>{c.removeEventListener(`resize`,l),o()}}function _x(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=Wb(e),u=i||a?[...l?Vb(l):[],...t?Vb(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n),a&&e.addEventListener(`resize`,n)});let d=l&&s?gx(l,n,a):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?Yb(e):null;c&&g();function g(){let t=Yb(e);h&&!hx(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var vx=_b,yx=mb,bx=(e,t,n)=>{let r=new Map,i=n??{},a={...mx,...i.platform,_c:r};return pb(e,t,{...i,platform:a})};function xx(e){let{char:t,allowSpaces:n,allowToIncludeChar:r,allowedPrefixes:i,startOfLine:a,$position:o}=e,s=n&&!r,c=bd(t),l=RegExp(`\\s${c}$`),u=a?`^`:``,d=r?``:c,f=RegExp(s?`${u}${c}.*?(?=\\s${d}|$)`:`${u}(?:^)?${c}[^\\s${d}]*`,`gm`),p=o.nodeBefore?.isText&&o.nodeBefore.text;if(!p)return null;let m=o.pos-p.length,h=Array.from(p.matchAll(f)).pop();if(!h||h.input===void 0||h.index===void 0)return null;let g=h.input.slice(Math.max(0,h.index-1),h.index),_=RegExp(`^[${i?.map(bd).join(``)}\0]?$`).test(g);if(i!==null&&!_)return null;let v=m+h.index,y=v+h[0].length;return s&&l.test(p.slice(y-1,y+1))&&(h[0]+=` `,y+=1),v=o.pos?{range:{from:v,to:y},query:h[0].slice(t.length),text:h[0]}:null}function Sx(e){return e.docChanged?e.steps.some(e=>{let t=e.slice;if(!t?.content)return!1;let n=t.content.textBetween(0,t.content.size,` +`);return/\s/.test(n)}):!1}function Cx(e){return()=>{let t=e.state.selection.$anchor.pos,{top:n,right:r,bottom:i,left:a}=e.view.coordsAtPos(t);try{return new DOMRect(a,n,r-a,i-n)}catch{return null}}}function wx(e,t,n,r){return n?()=>{let n=r.getState(e.state)?.decorationId;return t.dom.querySelector(`[data-decoration-id="${n}"]`)?.getBoundingClientRect()||null}:Cx(e)}function Tx({match:e,dismissedRange:t,state:n,transaction:r,editor:i,shouldResetDismissed:a,effectiveAllowSpaces:o}){return a?.({editor:i,state:n,range:t,match:e,transaction:r,allowSpaces:o})?!1:o?e.range.from===t.from:e.range.from===t.from&&!Sx(r)}function Ex({view:e,pluginKeyRef:t}){let n=e.state.tr.setMeta(t,{exit:!0});e.dispatch(n)}function Dx({pluginKey:e,decorationTag:t,decorationClass:n,decorationContent:r,decorationEmptyClass:i,renderer:a,dispatchExit:o}){return{handleKeyDown(t,n){var r;let i=e.getState(t.state);if(!i.active)return!1;if(n.key===`Escape`||n.key===`Esc`){var s;return a==null||(s=a.onKeyDown)==null||s.call(a,{view:t,event:n,range:i.range}),o(t),!0}return(a==null||(r=a.onKeyDown)==null?void 0:r.call(a,{view:t,event:n,range:i.range}))||!1},decorations(a){let{active:o,range:s,decorationId:c,query:l}=e.getState(a);if(!o)return null;let u=!l?.length,d=[n];return u&&d.push(i),L.create(a.doc,[I.inline(s.from,s.to,{nodeName:t,class:d.join(` `),"data-decoration-id":c||void 0,"data-decoration-content":r})])}}}function Ox({editor:e,char:t,effectiveAllowSpaces:n,allowToIncludeChar:r,allowedPrefixes:i,startOfLine:a,findSuggestionMatch:o,allow:s,shouldShow:c,shouldKeepDismissed:l,pluginKey:u}){return{init(){return{active:!1,range:{from:0,to:0},query:null,text:null,composing:!1,dismissedRange:null}},apply(d,f,p,m){let{isEditable:h}=e,{composing:g}=e.view,{selection:_}=d,{empty:v,from:y}=_,b={...f},x=d.getMeta(u);if(x&&x.exit)return b.active=!1,b.decorationId=null,b.range={from:0,to:0},b.query=null,b.text=null,b.dismissedRange=f.active?{...f.range}:f.dismissedRange,b;if(b.composing=g,d.docChanged&&b.dismissedRange!==null&&(b.dismissedRange={from:d.mapping.map(b.dismissedRange.from),to:d.mapping.map(b.dismissedRange.to)}),h&&(v||e.view.composing)){(yf.range.to)&&!g&&!f.composing&&(b.active=!1);let u=o({char:t,allowSpaces:n,allowToIncludeChar:r,allowedPrefixes:i,startOfLine:a,$position:_.$from}),p=`id_${Math.floor(Math.random()*4294967295)}`;u&&s({editor:e,state:m,range:u.range,isActive:f.active})&&(!c||c({editor:e,range:u.range,query:u.query,text:u.text,transaction:d}))?(b.dismissedRange!==null&&!l({match:u,dismissedRange:b.dismissedRange,state:m,transaction:d})&&(b.dismissedRange=null),b.dismissedRange===null?(b.active=!0,b.decorationId=f.decorationId||p,b.range=u.range,b.query=u.query,b.text=u.text):b.active=!1):(u||(b.dismissedRange=null),b.active=!1)}else b.active=!1;return b.active||(b.decorationId=null,b.range={from:0,to:0},b.query=null,b.text=null),b}}}function kx({editor:e,items:t}){let n=null,r=null,i=null,a=()=>{r!==null&&(clearTimeout(r),r=null),i?.(),i=null},o=e=>new Promise(t=>{i=t,r=setTimeout(()=>{r=null;let e=i;i=null,e?.()},e)}),s=()=>{n?.abort(),a(),n=null};return{abort:s,fetch:async(r,i)=>{s(),n=new AbortController;let a=n;if(i>0&&await o(i),n!==a||a.signal.aborted)return{status:`aborted`};try{let i=await t({editor:e,query:r,signal:a.signal});return n!==a||a.signal.aborted?{status:`aborted`}:{status:`resolved`,items:i}}catch{return n!==a||a.signal.aborted?{status:`aborted`}:{status:`error`}}}}}function Ax({placement:e,offset:t,flip:n,floatingUi:r}){var i;let a=[vx({mainAxis:t.mainAxis??4,crossAxis:t.crossAxis??0})];return n&&a.push(yx()),r!=null&&(i=r.middleware)!=null&&i.length&&a.push(...r.middleware),{placement:e,strategy:r?.strategy??`absolute`,middleware:a}}function jx(e){if(e instanceof HTMLElement)return e;if(typeof e==`string`)try{let t=document.querySelector(e);if(t)return t}catch{return document.body}return document.body}function Mx({getReferenceRect:e,contextElement:t,config:n,container:r,dismissOnOutsideClick:i,dismiss:a}){return(o,s={})=>{let c={getBoundingClientRect:()=>e()??new DOMRect,contextElement:t},l=!1,u=!o.isConnected;u&&jx(r).appendChild(o),s.onPosition||(o.style.visibility=`hidden`,o.style.width=`max-content`);let d=_x(c,o,()=>{bx(c,o,{placement:n.placement,strategy:n.strategy,middleware:n.middleware}).then(({x:e,y:t,placement:n,strategy:r})=>{s.onPosition?s.onPosition({x:e,y:t,placement:n,strategy:r}):(Object.assign(o.style,{position:r,left:`${e}px`,top:`${t}px`}),l||(l=!0,o.style.visibility=``))})},s.autoUpdate),f;return i&&(f=e=>{let n=e.target;!(n instanceof Node)||o.contains(n)||t.contains(n)||a()},document.addEventListener(`pointerdown`,f,!0)),()=>{d(),f&&document.removeEventListener(`pointerdown`,f,!0),u&&o.remove()}}}function Nx({editor:e,pluginKey:t,items:n,renderer:r,minQueryLength:i,debounce:a,initialItems:o,placement:s,offset:c,container:l,flip:u,floatingUi:d,dismissOnOutsideClick:f,command:p,clientRectFor:m,dispatchExit:h}){let g,_=kx({editor:e,items:n}),v=Ax({placement:s,offset:c,flip:u,floatingUi:d});function y(e,t){switch(e){case`started`:var n;r==null||(n=r.onStart)==null||n.call(r,t);break;case`updated`:var i;r==null||(i=r.onUpdate)==null||i.call(r,t);break;case`stopped`:var a;r==null||(a=r.onExit)==null||a.call(r,t)}}return{update:async(n,d)=>{let b=t.getState(d),x=t.getState(n.state);if(!b||!x)return;let S=null,ee=b.query!==x.query,te=b.text!==x.text,ne=b.range.from!==x.range.from||b.range.to!==x.range.to,re=ee||te||ne;if(!b.active&&x.active)S=`started`;else if(b.active&&!x.active)S=`stopped`;else if(x.active&&re)S=`updated`;else return;let C=S===`stopped`?b:x,ie=n.dom.querySelector(`[data-decoration-id="${C.decorationId}"]`),ae=m(n,ie),oe=i===0||(C.query?C.query.length>=i:!1),se=(S===`started`||S===`updated`)&&oe;if(g={editor:e,range:C.range,query:C.query||``,text:C.text||``,items:o??[],command:t=>p({editor:e,range:C.range,props:t}),decorationNode:ie,clientRect:ae,loading:se,placement:s,offset:{mainAxis:c.mainAxis??4,crossAxis:c.crossAxis??0},container:l,flip:u,floatingUi:v,mount:Mx({getReferenceRect:ae,contextElement:n.dom,config:v,container:l,dismissOnOutsideClick:f,dismiss:()=>h(e.view)})},S===`started`){var ce;r==null||(ce=r.onBeforeStart)==null||ce.call(r,g)}if(S===`updated`){var le;r==null||(le=r.onBeforeUpdate)==null||le.call(r,g)}if(S===`started`&&y(S,g),S===`started`||S===`updated`){if(!se)_.abort(),g={...g,items:o??[],loading:!1};else{g={...g,items:o??[],loading:!0},S=`updated`,y(S,g);let e=await _.fetch(C.query||``,a);if(e.status===`aborted`)return;if(!t.getState(n.state)?.active){_.abort();return}g=e.status===`resolved`?{...g,items:e.items,loading:!1}:{...g,loading:!1}}}S===`stopped`?(_.abort(),y(S,g),g=void 0):S===`updated`&&y(S,g)},destroy:()=>{var e;_.abort(),g&&(r==null||(e=r.onExit)==null||e.call(r,g))}}}var Px=new A(`suggestion`);function Fx({pluginKey:e=Px,editor:t,char:n=`@`,allowSpaces:r=!1,allowToIncludeChar:i=!1,allowedPrefixes:a=[` `],startOfLine:o=!1,decorationTag:s=`span`,decorationClass:c=`suggestion`,decorationContent:l=``,decorationEmptyClass:u=`is-empty`,command:d=()=>null,items:f=()=>[],minQueryLength:p=0,debounce:m=0,initialItems:h,placement:g=`bottom-start`,offset:_={},container:v,flip:y=!0,floatingUi:b,dismissOnOutsideClick:x=!0,render:S=()=>({}),allow:ee=()=>!0,findSuggestionMatch:te=xx,shouldShow:ne,shouldResetDismissed:re}){let C=S?.(),ie=r&&!i,ae=(n,r)=>wx(t,n,r,e);function oe(e){return Tx({...e,editor:t,shouldResetDismissed:re,effectiveAllowSpaces:ie})}let se=t=>Ex({view:t,pluginKeyRef:e});return new k({key:e,view:()=>Nx({editor:t,pluginKey:e,items:f,renderer:C,minQueryLength:p,debounce:m,initialItems:h,placement:g,offset:_,container:v,flip:y,floatingUi:b,dismissOnOutsideClick:x,command:d,clientRectFor:ae,dispatchExit:se}),state:Ox({editor:t,char:n,effectiveAllowSpaces:ie,allowToIncludeChar:i,allowedPrefixes:a,startOfLine:o,findSuggestionMatch:te,allow:ee,shouldShow:ne,shouldKeepDismissed:oe,pluginKey:e}),props:Dx({pluginKey:e,decorationTag:s,decorationClass:c,decorationContent:l,decorationEmptyClass:u,renderer:C,dispatchExit:se})})}var Ix=Fx,Lx={"arrow-down":``,"arrow-up":``,"between-horizontal-end":``,"between-horizontal-start":``,"between-vertical-end":``,"between-vertical-start":``,blocks:``,bold:``,"circle-alert":``,code:``,"code-xml":``,"columns-2":``,copy:``,"grip-vertical":``,heading:``,image:``,info:``,italic:``,languages:``,link:``,list:``,"list-ordered":``,minus:``,"mouse-pointer-click":``,"panel-top":``,pilcrow:``,play:``,plus:``,quote:``,"redo-2":``,settings:``,square:``,strikethrough:``,table:``,"table-rows-split":``,"text-align-center":``,"text-align-end":``,"text-align-start":``,"trash-2":``,underline:``,"undo-2":``,unlink:``,x:``};function Q(e,t={},...n){let r=document.createElement(e);for(let[e,n]of Object.entries(t))n!=null&&n!==!1&&(e.startsWith(`on`)&&typeof n==`function`?r.addEventListener(e.slice(2),n):e===`class`?r.className=String(n):e===`value`||e===`checked`||e===`selected`?r[e]=n:r.setAttribute(e,n===!0?``:String(n)));return Rx(r,...n),r}function Rx(e,...t){for(let n of t)n!=null&&n!==!1&&e.append(n instanceof Node?n:String(n))}var zx={columns:`columns-2`,trash:`trash-2`,undo:`undo-2`,redo:`redo-2`};function Bx(e){let t=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);return t.setAttribute(`viewBox`,`0 0 24 24`),t.setAttribute(`fill`,`none`),t.setAttribute(`stroke`,`currentColor`),t.setAttribute(`stroke-width`,`2`),t.setAttribute(`stroke-linecap`,`round`),t.setAttribute(`stroke-linejoin`,`round`),t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`class`,`be-icon`),t.innerHTML=Lx[zx[e]??e]??Lx.square,t}var Vx=0;function Hx(e){return Vx+=1,`${e}-${Vx}`}function Ux(e,t){e.storage.blockEditor?.openSettings?.(t)}function Wx(e,t,n={}){let{editor:r}=e,i=e.node,a=Q(n.tag??`div`,{class:`be-atom ${n.className??``}`.trim(),"data-block":i.type.name}),o=()=>{a.replaceChildren(t(i))};return o(),a.addEventListener(`dblclick`,t=>{t.preventDefault();let n=typeof e.getPos==`function`?e.getPos():void 0;typeof n==`number`&&Ux(r,n)}),{dom:a,update(e){return e.type===i.type&&(i=e,o(),!0)},selectNode(){a.classList.add(`is-selected`)},deselectNode(){a.classList.remove(`is-selected`)},stopEvent(e){return e.target instanceof HTMLElement&&!!e.target.closest(`[data-be-stop]`)},ignoreMutation:()=>!0}}function Gx(e,t){return Q(`button`,{type:`button`,class:`be-atom__prompt`,"data-be-stop":``,onclick:t=>{t.preventDefault();let n=typeof e.getPos==`function`?e.getPos():void 0;typeof n==`number`&&Ux(e.editor,n)}},t)}function Kx(e){try{let t=JSON.parse(e.getAttribute(`data-attrs`)??`{}`);return t&&typeof t==`object`?t:{}}catch{return{}}}function qx(e){let t={};for(let[n,r]of Object.entries(e?.attributes??{}))t[n]={default:r.default??null,rendered:!1,parseHTML:e=>Kx(e)[n]??r.default??null};return t}function Jx(e,t){return{"data-block":e,"data-attrs":JSON.stringify(t)}}var Yx=W({name:`callout`,extensions:()=>[Py.extend({renderHTML({HTMLAttributes:e}){return[`div`,V({"data-type":`callout`,class:`block-callout`,role:`note`},e),0]}})],insert:(e,{item:t})=>{let n=t.attrs?.variant??`info`,r=e.state.selection.$from.parent;r.isTextblock&&r.content.size===0?e.chain().focus().setCallout({variant:n}).run():e.chain().focus().insertContent({type:`callout`,attrs:{variant:n}}).run()}}),Xx=W({name:`button`,settingsOnInsert:!0,extensions:({block:e})=>[U.create({name:`button`,group:`block`,atom:!0,draggable:!0,selectable:!0,addAttributes:()=>qx(e),parseHTML:()=>[{tag:`div[data-block="button"]`}],renderHTML:({node:e})=>[`div`,{class:`block-button`,"data-align":e.attrs.align??`start`,...Jx(`button`,e.attrs)},[`span`,{class:`block-button__link`,"data-variant":e.attrs.variant??`primary`},e.attrs.text??``]],addNodeView(){return e=>Wx(e,t=>{let n=e.editor.storage.blockEditor.t,r=t.attrs.text;return!r||!t.attrs.url?Gx(e,n(`buttonEmpty`)):Q(`div`,{class:`block-button`,"data-align":t.attrs.align??`start`},Q(`span`,{class:`block-button__link`,"data-variant":t.attrs.variant??`primary`,dir:`auto`},r))})}})]}),Zx=W({name:`html`,settingsOnInsert:!0,extensions:({block:e})=>[U.create({name:`html`,group:`block`,atom:!0,draggable:!0,selectable:!0,addAttributes:()=>qx(e),parseHTML:()=>[{tag:`div[data-block="html"]`}],renderHTML:({node:e})=>[`div`,{class:`block-html`,...Jx(`html`,e.attrs)}],addNodeView(){return e=>Wx(e,t=>{let n=e.editor.storage.blockEditor.t,r=t.attrs.html??``;return r.trim()?Q(`div`,{class:`be-html`},Q(`span`,{class:`be-html__label`},`HTML`),Q(`pre`,{dir:`ltr`},r.length>600?`${r.slice(0,600)}…`:r)):Gx(e,n(`htmlEmpty`))})}})]}),Qx=new Set([`doc`,`column`]);function $x(e,t){return{pos:e.before(t+1),node:e.node(t+1),index:e.index(t),parent:e.node(t),parentPos:t===0?-1:e.before(t)}}function eS(e,t){let n=e.resolve(Math.max(0,Math.min(t,e.content.size)));for(let e=n.depth-1;e>=0;e--)if(Qx.has(n.node(e).type.name))return $x(n,e);let r=n.nodeAfter;return r&&Qx.has(n.parent.type.name)?{pos:n.pos,node:r,index:n.index(),parent:n.parent,parentPos:n.depth===0?-1:n.before()}:null}function tS(e){let{selection:t}=e;return t instanceof O&&Qx.has(t.$from.parent.type.name),eS(e.doc,t.from)}function nS(e,t,n=tS(e.state)){let{tr:r}=e.state,i;return n?n.node.type.name===`paragraph`&&n.node.content.size===0?(i=n.pos,r.replaceWith(n.pos,n.pos+n.node.nodeSize,t)):(i=n.pos+n.node.nodeSize,r.insert(i,t)):(i=r.doc.content.size,r.insert(i,t)),t.isAtom?r.setSelection(O.create(r.doc,i)):r.setSelection(D.near(r.doc.resolve(i+1))),e.view.dispatch(r.scrollIntoView()),e.view.focus(),i}function rS(e,t){let n=e,r=-1;for(let e of t){if(e>=n.childCount)return null;let t=r+1;for(let r=0;re.name===t),i={};for(let[e,t]of Object.entries(r?.attributes??{}))i[e]=t.default;return{...i,...n}}function aS(e,t){let n=tS(e.state);(!n||!n.node.isTextblock||n.node.content.size>0)&&nS(e,e.schema.nodes.paragraph.create(),n),t(e)}function oS(e,t){let n=String(e??`1-1`).split(`-`);return n.length!==t&&(n=Array.from({length:Math.max(1,t)},()=>`1`)),n.map(e=>`minmax(0, ${e}fr)`).join(` `)}function sS(e){return String(e??`1-1`).split(`-`).length}function cS(e){return{class:`block-columns`,"data-stack":String(e.attrs.stackAt??`md`),"data-gap":String(e.attrs.gap??`md`),"data-align":String(e.attrs.verticalAlign??`stretch`),style:`--block-columns: ${oS(e.attrs.layout,e.childCount)}`,...Jx(`columns`,e.attrs)}}function lS(e,t){let n=e.state.doc.nodeAt(t);if(!n||n.type.name!==`columns`)return;let r=sS(n.attrs.layout),{schema:i}=e.state,a=[];if(n.forEach(e=>a.push(e)),a.length===r)return;if(a.lengthn.push(e));for(let t of e)t.forEach(e=>n.push(e));a[r-1]=i.nodes.column.create(t.attrs,n)}let o=n.type.create(n.attrs,a);e.view.dispatch(e.state.tr.replaceWith(t,t+n.nodeSize,o))}var uS=W({name:`columns`,extensions:({block:e,config:t})=>[U.create({name:`columns`,group:`block`,content:e.content||`column+`,defining:!0,isolating:!0,addAttributes:()=>qx(e),parseHTML:()=>[{tag:`div[data-block="columns"]`}],renderHTML:({node:e})=>[`div`,cS(e),0],addNodeView(){return({node:e})=>{let t=document.createElement(`div`),n=e=>{for(let[n,r]of Object.entries(cS(e)))t.setAttribute(n,r)};return n(e),{dom:t,contentDOM:t,update(e){return e.type.name===`columns`&&(n(e),!0)}}}}}),U.create({name:`column`,content:t.blocks.find(e=>e.name===`column`)?.content||`block+`,defining:!0,isolating:!0,parseHTML:()=>[{tag:`div[data-block="column"]`}],renderHTML:()=>[`div`,{class:`block-column`,"data-block":`column`},0]})],insert:(e,{item:t})=>{let{schema:n}=e.state,r=iS(e,`columns`,t.attrs),i=sS(r.layout),a=Array.from({length:i},()=>n.nodes.column.create(null,n.nodes.paragraph.create())),o=nS(e,n.nodes.columns.create(r,a));e.commands.setTextSelection(o+3)},afterSettingsChange:lS}),dS=new Map;function fS(e){let t;try{t=new URL(e.trim())}catch{return null}return t.protocol!==`https:`&&t.protocol!==`http:`?null:{host:t.hostname.toLowerCase().replace(/^(www\.|m\.)/,``),path:t.pathname,query:t.searchParams}}dS.set(`youtube`,e=>{let t=fS(e);if(!t)return null;let n=null;return t.host===`youtu.be`&&(n=t.path.slice(1)),(t.host===`youtube.com`||t.host===`youtube-nocookie.com`)&&(n=t.query.get(`v`)??/^\/(?:embed|shorts|live)\/([^/?#]+)/.exec(t.path)?.[1]??``),n&&/^[\w-]{6,20}$/.test(n)?`https://www.youtube-nocookie.com/embed/${n}`:null}),dS.set(`vimeo`,e=>{let t=fS(e);if(!t||t.host!==`vimeo.com`&&t.host!==`player.vimeo.com`)return null;let n=/(?:^|\/)(\d{4,12})(?:$|\/)/.exec(t.path)?.[1];return n?`https://player.vimeo.com/video/${n}`:null});function pS(e){if(typeof e!=`string`||!e)return null;for(let t of dS.values()){let n=t(e);if(n&&n.startsWith(`https://`))return n}return null}var mS=[`http`,`https`,`mailto`,`tel`];function hS(e,t=mS){if(typeof e!=`string`)return!1;let n=e.replace(/[\u0000- \u007f]+/g,``);if(!n)return!1;let r=/^([a-z][a-z0-9+.-]*):/i.exec(n);return r?t.includes(r[1].toLowerCase()):!n.startsWith(`//`)||hS(`https:${n}`,t)}function gS(e){return typeof e!=`string`||/^\s*(mailto|tel):/i.test(e)?!1:hS(e)}var _S=W({name:`image`,settingsOnInsert:!0,extensions:({block:e})=>[U.create({name:`image`,group:`block`,atom:!0,draggable:!0,selectable:!0,addAttributes:()=>qx(e),parseHTML:()=>[{tag:`figure[data-block="image"]`},{tag:`img[src]`,getAttrs:e=>({src:e.getAttribute(`src`),alt:e.getAttribute(`alt`)})}],renderHTML:({node:e})=>{let t=gS(e.attrs.src)?e.attrs.src:null;return[`figure`,{class:`block-image`,...Jx(`image`,e.attrs)},t?[`img`,{src:t,alt:e.attrs.alt??``}]:[`span`,{},``]]},addNodeView(){return e=>Wx(e,t=>{let n=e.editor.storage.blockEditor.t,r=t.attrs.src;if(!gS(r))return Gx(e,n(`imageEmpty`));let i=t.attrs.caption;return Q(`figure`,{class:`block-image`},Q(`img`,{src:r,alt:t.attrs.alt??``,draggable:`false`}),i?Q(`figcaption`,{dir:`auto`},i):null)})}})]}),vS=W({name:`embed`,settingsOnInsert:!0,extensions:()=>[Fy.extend({addNodeView(){return e=>Wx(e,t=>{let n=e.editor.storage.blockEditor.t,r=t.attrs.src;return r?Q(`div`,{class:`be-embed`,"data-framed":pS(r)?``:void 0},Q(`span`,{class:`be-embed__play`,"aria-hidden":`true`},`▶`),Q(`span`,{class:`be-embed__text`},Q(`strong`,{dir:`auto`},t.attrs.title||n(`embedPreview`,{url:``})),Q(`span`,{class:`be-embed__url`,dir:`ltr`},r))):Gx(e,n(`embedEmpty`))})}})]}),yS=W({name:`paragraph`,insert:e=>aS(e,e=>e.chain().focus().setParagraph().run())}),bS=W({name:`heading`,menuItems:(e,t)=>{let n=(e.attributes.level?.options??[]).map(e=>Number(e.value));return(n.length?n:[1,2,3]).map(n=>({id:`heading:${n}`,block:`heading`,title:t(`headingLevel`,{level:n}),description:e.description,icon:`heading`,keywords:[...e.keywords,`h${n}`,`heading`],category:e.category,attrs:{level:n}}))},insert:(e,{item:t})=>aS(e,e=>e.chain().focus().setHeading({level:Number(t.attrs?.level??2)}).run())}),xS=W({name:`bulletList`,insert:e=>aS(e,e=>e.chain().focus().toggleBulletList().run())}),SS=W({name:`orderedList`,insert:e=>aS(e,e=>e.chain().focus().toggleOrderedList().run())}),CS=W({name:`blockquote`,insert:e=>aS(e,e=>e.chain().focus().toggleBlockquote().run())}),wS=W({name:`codeBlock`,insert:e=>aS(e,e=>e.chain().focus().setCodeBlock().run())}),TS=W({name:`horizontalRule`,insert:e=>aS(e,e=>e.chain().focus().setHorizontalRule().run())}),ES=[yS,bS,xS,SS,CS,Yx,wS,W({name:`table`,insert:e=>aS(e,e=>e.chain().focus().insertTable({rows:3,cols:3,withHeaderRow:!0}).run())}),TS,_S,vS,Xx,uS,Zx];function DS(){for(let e of ES)globalThis.__javaabuBlockEditor?.blocks.has(e.name)||Gd(e)}var OS=new A(`blockEditorErrors`);function kS(e){let t=e.split(`.`),n=[];for(let e=0;e1;)t=t.slice(0,-1),o=rS(e,t);if(!o||!o.node.isBlock)continue;let s=Array.isArray(a)?a:[a],c=r.get(o.pos);c?c.messages.push(...s):r.set(o.pos,{from:o.pos,node:o.node,messages:[...s]})}return[...r.values()]}function jS(e,t,n){return L.create(e,t.flatMap(e=>{let t=e.from+e.node.nodeSize,r=`be-error-${e.from}`;return[I.node(e.from,t,{class:`be-has-error`,"aria-invalid":`true`,"aria-describedby":r}),I.widget(t,()=>{let t=document.createElement(`div`);return t.className=`be-block-error`,t.id=r,t.contentEditable=`false`,t.setAttribute(`aria-label`,n),t.textContent=e.messages.join(` `),t},{side:-1,key:`${r}-${e.messages.join(`|`)}`,ignoreSelection:!0})]}))}H.create({name:`blockEditorErrors`,addProseMirrorPlugins(){let e=this.editor.storage.blockEditor.t(`errors`);return[new k({key:OS,state:{init:()=>({errors:[],decorations:L.empty}),apply(t,n,r,i){let a=t.getMeta(OS);if(a){let t=AS(i.doc,a.errors,a.prefix);return{errors:t,decorations:jS(i.doc,t,e)}}if(!t.docChanged||n.errors.length===0)return n;let o=[];for(let e of n.errors){let n=t.mapping.mapResult(e.from,1);if(n.deleted)continue;let r=i.doc.nodeAt(n.pos);r&&r.eq(e.node)&&o.push({...e,from:n.pos,node:r})}return{errors:o,decorations:jS(i.doc,o,e)}}},props:{decorations:e=>OS.getState(e)?.decorations}})]}});function MS(e,t){let n=t.trim().toLocaleLowerCase();if(!n)return e;let r=e=>{let t=e.title.toLocaleLowerCase();return t.startsWith(n)?0:t.includes(n)?1:e.keywords.some(e=>e.toLocaleLowerCase().startsWith(n))?2:(e.description??``).toLocaleLowerCase().includes(n)?3:-1};return e.map(e=>({item:e,score:r(e)})).filter(({score:e})=>e>=0).sort((e,t)=>e.score-t.score).map(({item:e})=>e)}function NS(e){let{t}=e,n=Hx(`be-menu`),r=[],i=[],a=0,o=e.search?Q(`input`,{type:`search`,class:`be-menu__search`,placeholder:t(`searchBlocks`),"aria-label":t(`searchBlocks`),role:`combobox`,"aria-expanded":`true`,"aria-controls":n,"aria-autocomplete":`list`,dir:`auto`,autocomplete:`off`}):null,s=Q(`div`,{class:`be-menu__list`,role:`listbox`,id:n,"aria-label":t(`addBlock`)}),c=Q(`div`,{class:`be-menu`},o,s),l=e=>`${n}-${e}`,u=()=>{if(s.replaceChildren(),i.length===0){s.append(Q(`div`,{class:`be-menu__empty`,role:`presentation`},t(`noBlocks`))),o?.removeAttribute(`aria-activedescendant`);return}let n=new Map;for(let e of i)n.set(e.category,[...n.get(e.category)??[],e]);let r=0;for(let[i,o]of n){let n=Hx(`be-menu-group`),c=Q(`div`,{role:`group`,"aria-labelledby":n,class:`be-menu__group`},Q(`div`,{id:n,class:`be-menu__heading`,role:`presentation`},t(`categories.${i}`)));for(let t of o){let n=r;c.append(Q(`div`,{id:l(n),role:`option`,class:`be-menu__item`,"aria-selected":n===a?`true`:`false`,"data-block":t.block,onpointerdown:e=>e.preventDefault(),onclick:()=>e.onChoose(t),onpointermove:()=>d(n)},Q(`span`,{class:`be-menu__icon`},Bx(t.icon)),Q(`span`,{class:`be-menu__text`},Q(`span`,{class:`be-menu__title`},t.title),t.description?Q(`span`,{class:`be-menu__description`},t.description):null))),r+=1}s.append(c)}o?.setAttribute(`aria-activedescendant`,l(a))},d=e=>{if(e===a)return;s.querySelector(`#${CSS.escape(l(a))}`)?.setAttribute(`aria-selected`,`false`),a=e;let t=s.querySelector(`#${CSS.escape(l(a))}`);t?.setAttribute(`aria-selected`,`true`),t?.scrollIntoView?.({block:`nearest`}),o?.setAttribute(`aria-activedescendant`,l(a))},f={el:c,input:o,setItems(e){r=e,i=e,a=0,u()},setQuery(e){i=MS(r,e),a=0,u()},move(e){return i.length!==0&&(d((a+e+i.length)%i.length),!0)},choose(){let t=i[a];return t?(e.onChoose(t),!0):!1},active:()=>i[a]??null};return o?.addEventListener(`input`,()=>f.setQuery(o.value)),o?.addEventListener(`keydown`,e=>{e.key===`ArrowDown`||e.key===`ArrowUp`?(e.preventDefault(),f.move(e.key===`ArrowDown`?1:-1)):e.key===`Enter`&&(e.preventDefault(),f.choose())}),f}function PS(e){let t=Q(`div`,{class:`be-popover ${e.className}`,role:e.role,"aria-label":e.label,hidden:!0}),n=null,r=()=>{let r=n?.();if(!r)return;let i=e.rtl();t.setAttribute(`dir`,i?`rtl`:`ltr`);let a=t.ownerDocument.defaultView??window,o=t.offsetWidth,s=t.offsetHeight,c=r.bottom+6,l=c+s>a.innerHeight&&r.top-s-6>0?r.top-s-6:c,u=i?r.right-o:r.left;u=Math.max(8,Math.min(u,a.innerWidth-o-8)),t.style.top=`${Math.round(l)}px`,t.style.left=`${Math.round(u)}px`},i=n=>{let r=n.target;r&&!t.contains(r)&&(e.ignore?.().some(e=>e?.contains(r))||o.close(`outside`))},a=e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),o.close(`escape`))},o={el:t,open(e){n=e,t.isConnected||t.ownerDocument.body.append(t),t.hidden=!1,r(),t.ownerDocument.addEventListener(`pointerdown`,i,!0),t.addEventListener(`keydown`,a),window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0)},reposition:r,close(n=`action`){t.hidden||(t.hidden=!0,t.ownerDocument.removeEventListener(`pointerdown`,i,!0),t.removeEventListener(`keydown`,a),window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),e.onClose?.(n))},isOpen:()=>!t.hidden,destroy(){o.close(),t.remove()}};return o}var FS=new A(`blockEditorSlash`);H.create({name:`blockEditorSlash`,addOptions(){return{items:()=>[],onChoose:()=>void 0,root:()=>document.body,rtl:()=>!1}},addProseMirrorPlugins(){let e=this.options,t=this.editor,n=t.storage.blockEditor.t;return[Ix({editor:t,pluginKey:FS,char:`/`,startOfLine:!1,allow:({state:e,range:t})=>{let n=e.doc.resolve(t.from);return n.parent.isTextblock&&n.parent.type.name!==`codeBlock`},items:({query:t})=>MS(e.items(),t),command:({editor:t,range:n,props:r})=>e.onChoose(t,r,n),render:()=>{let r=null,i=NS({t:n,search:!1,onChoose:n=>{r&&e.onChoose(t,n,r.range)}}),a=PS({className:`be-slash`,root:e.root(),rtl:e.rtl});return a.el.append(i.el),t.on(`destroy`,()=>a.destroy()),{onStart:e=>{r={range:e.range,rect:e.clientRect??null},i.setItems(e.items);let n=i.el.querySelector(`[role="listbox"]`);n&&t.view.dom.setAttribute(`aria-controls`,n.id),t.view.dom.setAttribute(`aria-expanded`,`true`),a.open(()=>r?.rect?.()??null)},onUpdate:e=>{r={range:e.range,rect:e.clientRect??null},i.setItems(e.items),a.reposition()},onKeyDown:({event:e})=>e.key===`ArrowDown`||e.key===`ArrowUp`?i.move(e.key===`ArrowDown`?1:-1):e.key===`Enter`||e.key===`Tab`?i.choose():e.key===`Escape`&&(a.close(`escape`),!0),onExit:()=>{r=null,t.view.dom.removeAttribute(`aria-controls`),t.view.dom.setAttribute(`aria-expanded`,`false`),a.close()}}}})]}}),DS();var IS=`֐-ࣿ‏יִ-﷿ﹰ-`;RegExp(`[${IS}]|[A-Za-zªµºÀ-ÖØ-öø-ʸͰ-҂Ҋ-֏ऀ-῿‎Ⰰ-﬜Ａ-Ｚａ-ｚ]`),RegExp(`^[${IS}]$`);var $=Ly();function LS({name:e,className:t=`mp-icon`}){return(0,$.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,focusable:`false`,className:t,dangerouslySetInnerHTML:{__html:r[e]??r.file??``}})}var RS=e=>typeof e==`string`&&e!==``?e:null,zS=e=>typeof e==`number`?e:void 0;function BS({attrs:e}){let t=(0,$.jsx)(`img`,{src:String(e.src??``),alt:String(e.alt??``),width:zS(e.width),height:zS(e.height),loading:`lazy`,decoding:`async`});return(0,$.jsxs)(`figure`,{className:`block-image mp-block mp-block-image`,children:[RS(e.link)?(0,$.jsx)(`a`,{href:String(e.link),children:t}):t,RS(e.caption)?(0,$.jsx)(`figcaption`,{dir:`auto`,children:String(e.caption)}):null]})}function VS({attrs:e}){let t=Array.isArray(e.items)?e.items:[],n=Math.max(1,Math.min(6,Number(e.columns??3)));return(0,$.jsxs)(`figure`,{className:`mp-block mp-block-gallery`,style:{"--mp-gallery-columns":n},children:[(0,$.jsx)(`ul`,{children:t.map((e,t)=>(0,$.jsx)(`li`,{children:(0,$.jsx)(`a`,{href:e.src,children:(0,$.jsx)(`img`,{src:e.thumb??e.src,alt:e.alt??``,width:e.width??void 0,height:e.height??void 0,loading:`lazy`,decoding:`async`})})},e.id??t))}),RS(e.caption)?(0,$.jsx)(`figcaption`,{dir:`auto`,children:String(e.caption)}):null]})}function HS({attrs:e}){return(0,$.jsxs)(`p`,{className:`mp-block mp-block-file`,children:[(0,$.jsx)(LS,{name:`file-text`}),(0,$.jsx)(`a`,{href:String(e.href??``),download:!0,dir:`auto`,children:RS(e.label)??RS(e.fileName)??`Download`}),RS(e.size)?(0,$.jsx)(`small`,{dir:`ltr`,children:String(e.size)}):null]})}function US({attrs:e}){let t=e.autoplay===!0;return(0,$.jsxs)(`figure`,{className:`mp-block mp-block-video`,children:[(0,$.jsx)(`video`,{src:String(e.src??``),controls:e.controls!==!1,autoPlay:t,loop:e.loop===!0,muted:e.muted===!0||t,playsInline:!0,preload:`metadata`}),RS(e.caption)?(0,$.jsx)(`figcaption`,{dir:`auto`,children:String(e.caption)}):null]})}var WS=new Map;function GS(e){return WS.get(e)?.mediapicker}function KS(e){return i(GS(e)?.strings)}function qS(e,t={}){let n=GS(e);return a({url:n?.url??``,multiple:t.multiple??!1,type:t.type??null,selected:t.selected??[],types:n?.types,accept:n?.accept,strings:n?.strings})}async function JS(e,t,n,r,i){let a=await qS(t,n);a?.length&&e.chain().focus().insertContent({type:t,attrs:r(a)}).run()}function YS(e,t){let n=typeof e.getPos==`function`?e.getPos():void 0;typeof n==`number`&&e.editor.chain().setNodeSelection(n).updateAttributes(e.node.type.name,t).run()}function XS(e,r){return n(`button`,{type:`button`,class:`mp-button mp-block-change`,"data-be-stop":``,onClick:e=>{e.preventDefault(),e.stopPropagation(),r()}},t(`images`),e)}function ZS(e,t,n,r){return WS.set(e.name,e),U.create({name:e.name,group:`block`,atom:!0,draggable:!0,selectable:!0,addAttributes:()=>qx(e),parseHTML:()=>[{tag:`${t}[data-block="${e.name}"]`}],renderHTML:({node:n})=>[t,{class:`mp-block`,...Jx(e.name,n.attrs)}],addNodeView(){return t=>Wx(t,i=>n(t,i.attrs)??Gx(t,r(KS(e.name))))}})}function QS(e){return{mediaId:e.id,href:e.url,fileName:e.file_name,size:e.human_size,mimeType:e.mime_type,label:e.name}}var $S=W({name:`file`,extensions:({block:e})=>[ZS(e,`p`,(e,r)=>{if(!r.href)return null;let i=KS(`file`);return n(`p`,{class:`mp-block-file`},t(`file-text`),n(`strong`,{dir:`auto`},String(r.label||r.fileName||``)),r.size?n(`small`,{dir:`ltr`},String(r.size)):null,XS(i(`change`),async()=>{let t=await qS(`file`);t?.[0]&&YS(e,QS(t[0]))}))},e=>e(`choose_file`))],insert:(e,t)=>void JS(e,`file`,{},e=>QS(e[0]),t),render:HS});function eC(e){return e.map(e=>({id:e.id,src:e.url,thumb:e.preview??e.thumb??e.url,alt:e.alt??``,width:e.width,height:e.height}))}var tC=W({name:`gallery`,extensions:({block:e})=>[ZS(e,`figure`,(e,t)=>{let r=Array.isArray(t.items)?t.items:[];if(!r.length)return null;let i=KS(`gallery`);return n(`figure`,{class:`mp-block-gallery`,style:`--mp-gallery-columns: ${Number(t.columns??3)}`},n(`ul`,{},...r.map(e=>n(`li`,{},n(`img`,{src:e.thumb??e.src,alt:e.alt??``,draggable:`false`})))),t.caption?n(`figcaption`,{dir:`auto`},String(t.caption)):null,XS(i(`change`),async()=>{let t=await qS(`gallery`,{type:`image`,multiple:!0,selected:r.filter(e=>e.id).map(e=>({id:e.id,name:e.alt||String(e.id),thumb:e.thumb??e.src}))});if(!t?.length)return;let n=new Map(r.map(e=>[e.id,e]));YS(e,{items:t.map(e=>e.url?eC([e])[0]:n.get(e.id)).filter(Boolean)})}))},e=>e(`choose_images`))],insert:(e,t)=>void JS(e,`gallery`,{type:`image`,multiple:!0},e=>({items:eC(e)}),t),render:VS});function nC(e){return{mediaId:e.id,src:e.preview??e.url,width:e.width,height:e.height,alt:e.alt??``}}var rC=W({name:`image`,extensions:({block:e})=>[ZS(e,`figure`,(e,t)=>{if(!t.src)return null;let r=KS(`image`);return n(`figure`,{class:`block-image mp-block-image`},n(`img`,{src:String(t.src),alt:String(t.alt??``),draggable:`false`}),t.caption?n(`figcaption`,{dir:`auto`},String(t.caption)):null,XS(r(`change`),async()=>{let t=await qS(`image`,{type:`image`});t?.[0]&&YS(e,nC(t[0]))}))},e=>e(`choose_image`))],insert:(e,t)=>void JS(e,`image`,{type:`image`},e=>nC(e[0]),t),render:BS});function iC(e){return{mediaId:e.id,src:e.url,mimeType:e.mime_type}}Gd(rC,tC,$S,W({name:`mediaVideo`,extensions:({block:e})=>[ZS(e,`figure`,(e,t)=>{if(!t.src)return null;let r=KS(`mediaVideo`);return n(`figure`,{class:`mp-block-video`},n(`video`,{src:String(t.src),controls:!0,preload:`metadata`}),t.caption?n(`figcaption`,{dir:`auto`},String(t.caption)):null,XS(r(`change`),async()=>{let t=await qS(`mediaVideo`,{type:`video`});t?.[0]&&YS(e,iC(t[0]))}))},e=>e(`choose_video`))],insert:(e,t)=>void JS(e,`mediaVideo`,{type:`video`},e=>iC(e[0]),t),render:US})); \ No newline at end of file diff --git a/dist/assets/mount-DD7-9_Qt.js b/dist/assets/mount-DD7-9_Qt.js new file mode 100644 index 0000000..1e1f277 --- /dev/null +++ b/dist/assets/mount-DD7-9_Qt.js @@ -0,0 +1 @@ +function e(e){document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,e,{once:!0}):e()}function t(e){let t=!1,n=new MutationObserver(()=>{t||(t=!0,queueMicrotask(()=>{t=!1,e()}))});return n.observe(document.body,{childList:!0,subtree:!0}),n}export{t as n,e as t}; \ No newline at end of file diff --git a/dist/assets/picker-DZpII1oN.js b/dist/assets/picker-DZpII1oN.js new file mode 100644 index 0000000..15cf491 --- /dev/null +++ b/dist/assets/picker-DZpII1oN.js @@ -0,0 +1 @@ +import{a as e,i as t,l as n,t as r}from"./strings-BSe7uzRa.js";import{t as i}from"./dialog-BNieuy7N.js";import{n as a,t as o}from"./mount-DD7-9_Qt.js";var s=new WeakMap,c=class{constructor(e,i){n(this,`element`,void 0),n(this,`config`,void 0),n(this,`value`,void 0),n(this,`t`,void 0),n(this,`items`,void 0),n(this,`inputs`,void 0),n(this,`clear`,void 0),this.element=e,this.config=i,this.value=i.value??[],this.t=r(i.strings),this.items=e.querySelector(`.mp-field__items`)??e.appendChild(t(`ul`,{class:`mp-field__items`})),this.inputs=e.querySelector(`.mp-field__inputs`)??e.appendChild(t(`div`,{class:`mp-field__inputs`})),this.clear=e.querySelector(`[data-mp-clear]`),e.querySelector(`[data-mp-choose]`)?.addEventListener(`click`,()=>void this.choose()),this.clear?.addEventListener(`click`,()=>this.set([])),this.render()}getValue(){return this.value}set(e){this.value=this.config.multiple?e:e.slice(0,1),this.render(),this.element.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{value:this.value}}))}async choose(){let e={url:this.config.url,multiple:this.config.multiple,type:this.config.type,types:this.config.types,accept:this.config.accept,upload:this.config.upload,strings:this.config.strings,selected:this.value},t=await i(e);t&&this.set(t),this.element.querySelector(`[data-mp-choose]`)?.focus()}render(){let e=this.config.disabled??!1;this.items.replaceChildren(...this.value.map((t,n)=>this.item(t,n,e)));let n=this.config.name.replace(/\[\]$/,``),r=this.value.length?this.value.map(e=>t(`input`,{type:`hidden`,name:this.config.name,value:e.id})):[t(`input`,{type:`hidden`,name:n,value:``})];this.inputs.replaceChildren(...r),this.clear&&(this.clear.hidden=!this.value.length||e);let i=this.element.querySelector(`.mp-field__empty`);i&&(i.hidden=this.value.length>0)}item(n,r,i){let a=[];return this.config.multiple&&!i&&a.push(t(`button`,{type:`button`,class:`mp-icon-button`,"aria-label":`${this.t(`move_up`)}: ${n.name}`,disabled:r===0,onClick:()=>this.move(r,-1)},e(`arrow-up`)),t(`button`,{type:`button`,class:`mp-icon-button`,"aria-label":`${this.t(`move_down`)}: ${n.name}`,disabled:r===this.value.length-1,onClick:()=>this.move(r,1)},e(`arrow-down`))),i||a.push(t(`button`,{type:`button`,class:`mp-icon-button mp-button--danger`,"aria-label":`${this.t(`remove`)}: ${n.name}`,onClick:()=>this.set(this.value.filter(e=>e.id!==n.id))},e(`x`))),t(`li`,{class:`mp-field__item`,"data-id":n.id},n.thumb?t(`img`,{src:n.thumb,alt:n.alt??``,class:`mp-thumb`,loading:`lazy`}):t(`span`,{class:`mp-thumb mp-thumb--icon`},e(n.icon)),t(`span`,{class:`mp-name`,dir:`auto`,title:n.name},n.name),a.length?t(`span`,{class:`mp-field__item-actions`},...a):null)}move(e,t){let n=[...this.value],[r]=n.splice(e,1);r&&(n.splice(e+t,0,r),this.set(n))}};function l(e=document){let t=[];return e.querySelectorAll(`[data-mediapicker-field]`).forEach(e=>{if(s.has(e))return;let n=new c(e,JSON.parse(e.dataset.mediapickerField||`{}`));s.set(e,n),t.push(n)}),t}function u(e){return s.get(e)}window.Mediapicker={...window.Mediapicker??{},open:i,mount:l,field:u},o(()=>{l(),a(()=>l())}); \ No newline at end of file diff --git a/dist/assets/rolldown-runtime-WkwZ5CU-.js b/dist/assets/rolldown-runtime-WkwZ5CU-.js new file mode 100644 index 0000000..52beb2d --- /dev/null +++ b/dist/assets/rolldown-runtime-WkwZ5CU-.js @@ -0,0 +1 @@ +var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t,t.exports),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;li[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));export{c as n,o as t}; \ No newline at end of file diff --git a/dist/assets/strings-BGZ7j9fb.css b/dist/assets/strings-BGZ7j9fb.css new file mode 100644 index 0000000..0069e37 --- /dev/null +++ b/dist/assets/strings-BGZ7j9fb.css @@ -0,0 +1 @@ +:where(.mp-dialog,.mp-field,.mp-cropper,.mp-library,.mp-block){--mp-background:var(--onu-background,#fff);--mp-foreground:var(--onu-foreground,#1f2937);--mp-muted:var(--onu-neutral-muted,#f9fafb);--mp-muted-foreground:var(--onu-neutral-muted-foreground,#6b7280);--mp-accent:var(--onu-neutral-accent,#f3f4f6);--mp-border:var(--onu-neutral-input,#d1d5db);--mp-border-soft:var(--onu-neutral-border,#e5e7eb);--mp-primary:var(--onu-primary,#4f46e5);--mp-primary-foreground:var(--onu-primary-foreground,#fff);--mp-destructive:var(--onu-destructive,#dc2626);--mp-radius:var(--onu-radius,.375rem);--mp-font:var(--onu-font-sans,ui-sans-serif, system-ui, Faruma, "MV Faseyha", "Noto Sans Thaana", sans-serif)}.mp-icon{flex-shrink:0;block-size:1rem;inline-size:1rem}.mp-button,.mp-icon-button{border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-background);min-block-size:2.25rem;color:var(--mp-foreground);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding-block-start:.375rem;padding-block-end:.375rem;padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.875rem;display:inline-flex}.mp-icon-button{background:0 0;border-color:#0000;padding-inline-start:.5rem;padding-inline-end:.5rem}.mp-button:hover,.mp-icon-button:hover{background:var(--mp-accent)}.mp-button:focus-visible{outline:2px solid var(--mp-primary);outline-offset:2px}.mp-icon-button:focus-visible{outline:2px solid var(--mp-primary);outline-offset:2px}.mp-item:focus-visible{outline:2px solid var(--mp-primary);outline-offset:2px}.mp-input:focus-visible{outline:2px solid var(--mp-primary);outline-offset:2px}.mp-button:disabled{opacity:.5;cursor:not-allowed}.mp-button--primary{border-color:var(--mp-primary);background:var(--mp-primary);color:var(--mp-primary-foreground)}.mp-button--primary:hover{background:var(--mp-primary);filter:brightness(.95)}.mp-button--danger{color:var(--mp-destructive)}.mp-input{border:1px solid var(--mp-border);border-radius:var(--mp-radius);background:var(--mp-background);min-block-size:2.25rem;color:var(--mp-foreground);font:inherit;padding-block-start:.375rem;padding-block-end:.375rem;padding-inline-start:.625rem;padding-inline-end:.625rem;font-size:.875rem}.mp-dialog{border:1px solid var(--mp-border-soft);border-radius:calc(var(--mp-radius) * 2);background:var(--mp-background);max-block-size:calc(100vh - 2rem);inline-size:min(64rem,100vw - 2rem);color:var(--mp-foreground);font-family:var(--mp-font);padding:0;box-shadow:0 20px 50px #0003}.mp-dialog[open]{flex-direction:column;display:flex}.mp-dialog::backdrop{background:#00000073}.mp-header,.mp-footer{justify-content:space-between;align-items:center;gap:1rem;padding-block-start:.75rem;padding-block-end:.75rem;padding-inline-start:1rem;padding-inline-end:1rem;display:flex}.mp-header{border-block-end:1px solid var(--mp-border-soft)}.mp-footer{border-block-start:1px solid var(--mp-border-soft)}.mp-title{margin:0;font-size:1.125rem;font-weight:600}.mp-toolbar{flex-wrap:wrap;gap:.5rem;padding-block-start:.75rem;padding-block-end:.75rem;padding-inline-start:1rem;padding-inline-end:1rem;display:flex}.mp-search{flex:14rem;align-items:center;display:flex;position:relative}.mp-search .mp-icon{color:var(--mp-muted-foreground);position:absolute}.mp-search .mp-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:.625rem}.mp-search .mp-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:.625rem}.mp-search .mp-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:.625rem}.mp-search .mp-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:.625rem}.mp-search .mp-input{inline-size:100%;padding-inline-start:2rem}.mp-file-input{display:none}.mp-body{flex:1;padding-block-start:.25rem;padding-block-end:1rem;padding-inline-start:1rem;padding-inline-end:1rem;overflow:auto}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem;display:grid}.mp-item{border-radius:calc(var(--mp-radius) * 1.5);background:var(--mp-muted);color:inherit;font:inherit;text-align:start;cursor:pointer;border:2px solid #0000;flex-direction:column;gap:.375rem;padding:.375rem;display:flex;position:relative}.mp-item[aria-pressed=true]{border-color:var(--mp-primary)}.mp-thumb{aspect-ratio:1;border-radius:var(--mp-radius);background:var(--mp-accent);object-fit:cover;inline-size:100%;display:block}.mp-thumb--icon{color:var(--mp-muted-foreground);place-items:center;display:grid}.mp-thumb--icon .mp-icon{block-size:2rem;inline-size:2rem}.mp-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.mp-check{background:var(--mp-primary);color:var(--mp-primary-foreground);border-radius:999px;padding:.125rem;display:none;position:absolute;top:.625rem}.mp-check:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:.625rem}.mp-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:.625rem}.mp-check:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:.625rem}.mp-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:.625rem}.mp-item[aria-pressed=true] .mp-check{display:flex}.mp-more{margin-block-start:1rem;margin-inline-start:auto;margin-inline-end:auto;display:flex}.mp-empty,.mp-status{color:var(--mp-muted-foreground);margin:0;font-size:.875rem}.mp-empty{text-align:center;grid-column:1/-1;padding-block-start:2rem;padding-block-end:2rem}.mp-actions{gap:.5rem;display:flex}.mp-error{border-radius:var(--mp-radius);background:color-mix(in srgb, var(--mp-destructive) 10%, transparent);color:var(--mp-destructive);margin-block-start:0;margin-block-end:.75rem;margin-inline-start:1rem;margin-inline-end:1rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.875rem}.mp-uploads{gap:.375rem;margin:0;padding-block-start:0;padding-block-end:0;padding-inline-start:1rem;padding-inline-end:1rem;list-style:none;display:grid}.mp-uploads:empty{display:none}.mp-upload{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.mp-upload span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mp-progress{inline-size:8rem}.mp-field{flex-direction:column;gap:.5rem;display:flex}.mp-field__items{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mp-field__items:empty{display:none}.mp-field__item{border:1px solid var(--mp-border-soft);border-radius:var(--mp-radius);background:var(--mp-muted);flex-direction:column;gap:.25rem;padding:.375rem;display:flex;position:relative}.mp-field__item-actions{justify-content:flex-end;gap:.125rem;display:flex}.mp-field__item-actions .mp-icon-button{min-block-size:1.75rem;padding-inline-start:.25rem;padding-inline-end:.25rem}.mp-field__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.mp-field__empty{color:var(--mp-muted-foreground);margin:0;font-size:.875rem}.mp-cropper{flex-direction:column;gap:.75rem;display:flex}.mp-cropper__stage{border-radius:var(--mp-radius);background:var(--mp-accent);max-block-size:28rem;overflow:hidden}.mp-cropper__stage img{max-inline-size:100%;display:block}.mp-cropper__presets{flex-wrap:wrap;gap:.375rem;display:flex}.mp-cropper__presets [aria-pressed=true]{border-color:var(--mp-primary);color:var(--mp-primary)}.mp-cropper__controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mp-block-image,.mp-block-video{margin-block-start:1rem;margin-block-end:1rem;margin-inline-start:0;margin-inline-end:0}.mp-block-image img,.mp-block-video video{border-radius:var(--mp-radius,.375rem);block-size:auto;max-inline-size:100%;display:block}.mp-block-image figcaption,.mp-block-gallery figcaption,.mp-block-video figcaption{color:var(--mp-muted-foreground,#6b7280);margin-block-start:.5rem;font-size:.875rem}.mp-block-gallery{margin-block-start:1rem;margin-block-end:1rem;margin-inline-start:0;margin-inline-end:0}.mp-block-gallery ul{grid-template-columns:repeat(var(--mp-gallery-columns,3), minmax(0, 1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mp-block-gallery img{aspect-ratio:1;border-radius:var(--mp-radius,.375rem);object-fit:cover;block-size:100%;inline-size:100%;display:block}@media (max-width:40rem){.mp-block-gallery ul{grid-template-columns:repeat(min(var(--mp-gallery-columns,3), 2), minmax(0, 1fr))}}.mp-block-file{border:1px solid var(--mp-border-soft,#e5e7eb);border-radius:var(--mp-radius,.375rem);align-items:center;gap:.75rem;margin-block-start:1rem;margin-block-end:1rem;padding-block-start:.75rem;padding-block-end:.75rem;padding-inline-start:1rem;padding-inline-end:1rem;display:flex}.mp-block-file a{font-weight:600}.mp-block-file small{color:var(--mp-muted-foreground,#6b7280)} diff --git a/dist/assets/strings-BSe7uzRa.js b/dist/assets/strings-BSe7uzRa.js new file mode 100644 index 0000000..84aaf11 --- /dev/null +++ b/dist/assets/strings-BSe7uzRa.js @@ -0,0 +1 @@ +function e(t){"@babel/helpers - typeof";return e=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},e(t)}function t(t,n){if(e(t)!=`object`||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var i=r.call(t,n||`default`);if(e(i)!=`object`)return i;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(n===`string`?String:Number)(t)}function n(n){var r=t(n,`string`);return e(r)==`symbol`?r:r+``}function r(e,t,r){return(t=n(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var i=class extends Error{constructor(e,t,n={}){super(e),r(this,`status`,void 0),r(this,`errors`,void 0),this.status=t,this.errors=n,this.name=`LibraryError`}};function a(){let e=typeof document>`u`?null:document.cookie.match(/(?:^|; )XSRF-TOKEN=([^;]*)/);if(e?.[1])return{"X-XSRF-TOKEN":decodeURIComponent(e[1])};let t=typeof document>`u`?null:document.querySelector(`meta[name="csrf-token"]`);return t?.content?{"X-CSRF-TOKEN":t.content}:{}}function o(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))r!=null&&r!==``&&(Array.isArray(r)?r.forEach(e=>t.append(`${n}[]`,String(e))):t.set(n,String(r)));let n=t.toString();return n?`?${n}`:``}async function s(e){let t={};try{t=await e.json()}catch{}return new i(t.message||e.statusText||`Request failed`,e.status,t.errors??{})}function c(e,t=(...e)=>fetch(...e)){let n=e.replace(/\/+$/,``),r=()=>({Accept:`application/json`,"X-Requested-With":`XMLHttpRequest`,...a()});async function c(e,n={}){let i=await t(e,{credentials:`same-origin`,...n,headers:{...r(),...n.body&&!(n.body instanceof FormData)?{"Content-Type":`application/json`}:{},...n.headers??{}}});if(!i.ok)throw await s(i);if(i.status!==204)return await i.json()}return{list:(e={},t)=>c(`${n}${o(e)}`,{signal:t}),find:async e=>(await c(`${n}/${e}`)).data,upload(e,t={}){let a=new FormData;a.append(`file`,e);for(let e of[`name`,`description`,`alt`,`caption`])t[e]&&a.append(e,t[e]);let o=t.type?Array.isArray(t.type)?t.type:[t.type]:[];o.length===1?a.append(`type`,o[0]):o.forEach(e=>a.append(`type[]`,e));for(let[e,n]of Object.entries(t.crops??{}))for(let[t,r]of Object.entries(n))a.append(`crops[${e}][${t}]`,String(r));return new Promise((e,o)=>{let s=new XMLHttpRequest;s.open(`POST`,n),s.withCredentials=!0;for(let[e,t]of Object.entries(r()))s.setRequestHeader(e,t);s.upload.onprogress=e=>{e.lengthComputable&&t.onProgress?.(e.loaded/e.total)},s.onload=()=>{let n={};try{n=JSON.parse(s.responseText||`{}`)}catch{}s.status>=200&&s.status<300&&n.data?(t.onProgress?.(1),e(n.data)):o(new i(n.message||s.statusText||`Upload failed`,s.status,n.errors??{}))},s.onerror=()=>o(new i(`Upload failed`,0)),s.onabort=()=>o(new i(`Upload cancelled`,0)),t.signal?.addEventListener(`abort`,()=>s.abort()),s.send(a)})},update:async(e,t)=>(await c(`${n}/${e}`,{method:`PATCH`,body:JSON.stringify(t)})).data,crop:async(e,t,r)=>(await c(`${n}/${e}/crops/${encodeURIComponent(t)}`,{method:`PUT`,body:JSON.stringify(r)})).data,destroy:e=>c(`${n}/${e}`,{method:`DELETE`})}}var l={image:``,film:``,music:``,"file-text":``,"file-archive":``,file:``,upload:``,x:``,search:``,check:``,crop:``,"trash-2":``,pencil:``,"grid-2x2":``,list:``,"loader-circle":``,"external-link":``,copy:``,download:``,images:``,play:``,"file-video":``,"chevron-left":``,"chevron-right":``,"arrow-up":``,"arrow-down":``,plus:``,"rotate-ccw":``,"rotate-cw":``,"zoom-in":``,"circle-alert":``,info:``};function u(e,t={},...n){let r=document.createElement(e);for(let[e,n]of Object.entries(t))n!=null&&n!==!1&&(typeof n==`function`?r.addEventListener(e.slice(2).toLowerCase(),n):r.setAttribute(e,n===!0?``:String(n)));for(let e of n)e!=null&&e!==!1&&r.append(e);return r}function d(e,t=`mp-icon`){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);return n.setAttribute(`viewBox`,`0 0 24 24`),n.setAttribute(`fill`,`none`),n.setAttribute(`stroke`,`currentColor`),n.setAttribute(`stroke-width`,`2`),n.setAttribute(`stroke-linecap`,`round`),n.setAttribute(`stroke-linejoin`,`round`),n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`),n.setAttribute(`class`,t),n.innerHTML=l[e]??l.file??``,n}function f(e,t=300){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}function p(){return document.documentElement.dir===`rtl`||document.body?.dir===`rtl`?`rtl`:`ltr`}var m={media_library:`Media library`,upload:`Upload`,upload_media:`Upload media`,upload_files:`Upload files`,uploading:`Uploading…`,upload_failed:`The upload failed.`,drop_files:`Drop files here or choose them`,choose_files:`Choose files`,max_size:`Up to :size each`,search:`Search`,search_media:`Search media`,type:`Type`,all_types:`All types`,uploaded_by:`Uploaded by`,anyone:`Anyone`,only_mine:`Only mine`,from:`From`,to:`To`,sort_by:`Sort by`,newest:`Newest`,oldest:`Oldest`,name_a_z:`Name (A–Z)`,largest:`Largest`,filter:`Filter`,reset:`Reset`,grid:`Grid`,list:`List`,no_media:`No media yet`,no_matching_media:`No media matches these filters.`,load_more:`Load more`,select:`Select`,select_all:`Select all`,selected:`:count selected`,clear_selection:`Clear selection`,insert:`Insert`,choose:`Choose`,choose_media:`Choose media`,choose_image:`Choose an image`,choose_images:`Choose images`,choose_file:`Choose a file`,choose_video:`Choose a video`,change:`Change`,remove:`Remove`,cancel:`Cancel`,close:`Close`,save:`Save`,saving:`Saving…`,saved:`Saved`,edit:`Edit`,view:`View`,delete:`Delete`,delete_selected:`Delete selected`,delete_confirm:`Delete this file? Pages that use it will lose it.`,delete_many_confirm:`Delete the selected files? Pages that use them will lose them.`,details:`Details`,name:`Name`,description:`Description`,alt:`Alt text`,alt_help:`Describes the image for people who can't see it.`,caption:`Caption`,file_name:`File name`,file_type:`File type`,file_size:`File size`,dimensions:`Dimensions`,uploaded_at:`Uploaded`,url:`URL`,copy_url:`Copy URL`,copied:`Copied`,download:`Download`,open:`Open`,preview:`Preview`,crop:`Crop`,crops:`Crops`,crop_image:`Crop image`,crop_help:`Crops don't change the original. Images that use a crop are made again from it.`,save_crop:`Save crop`,aspect_ratio:`Aspect ratio`,not_cropped:`Not cropped: the whole image is used`,cropped:`Cropped`,rotate_left:`Rotate left`,rotate_right:`Rotate right`,zoom:`Zoom`,back_to_library:`Back to the library`,no_selection:`Nothing chosen`,image:`Image`,gallery:`Gallery`,file:`File`,video:`Video`,columns:`Columns`,link:`Link`,size:`Size`,autoplay:`Autoplay`,loop:`Loop`,muted:`Muted`,controls:`Controls`,label:`Label`,move_up:`Move up`,move_down:`Move down`,error:`Something went wrong. Try again.`};function h(e){return{...m,...e??{}}}function g(e,t={}){return Object.keys(t).sort((e,t)=>t.length-e.length).reduce((e,n)=>e.split(`:${n}`).join(String(t[n])),e)}function _(e){let t=h(e);return(e,n)=>g(t[e]??e,n)}export{d as a,c,u as i,r as l,f as n,l as o,p as r,i as s,_ as t}; \ No newline at end of file diff --git a/pint.json b/pint.json index 44df8bf..82f3aab 100644 --- a/pint.json +++ b/pint.json @@ -1,20 +1,20 @@ { - "preset": "laravel", - "rules": { - "concat_space": { - "spacing": "one" - }, - "global_namespace_import": { - "import_classes": true, - "import_constants": false, - "import_functions": false - }, - "no_unused_imports": true, - "ordered_imports": { - "sort_algorithm": "alpha" - }, - "php_unit_method_casing": { - "case": "snake_case" - } + "preset": "laravel", + "rules": { + "concat_space": { + "spacing": "one" + }, + "global_namespace_import": { + "import_classes": true, + "import_constants": false, + "import_functions": false + }, + "no_unused_imports": true, + "ordered_imports": { + "sort_algorithm": "alpha" + }, + "php_unit_method_casing": { + "case": "snake_case" } + } } diff --git a/resources/js/Pages/Media/Create.tsx b/resources/js/Pages/Media/Create.tsx index 075f053..a5c03c8 100644 --- a/resources/js/Pages/Media/Create.tsx +++ b/resources/js/Pages/Media/Create.tsx @@ -37,7 +37,9 @@ export default function Create(props: MediaCreateProps) { .catch((error: unknown) => update(key, { error: - error instanceof LibraryError ? (Object.values(error.errors)[0]?.[0] ?? error.message) : t("upload_failed"), + error instanceof LibraryError + ? (Object.values(error.errors)[0]?.[0] ?? error.message) + : t("upload_failed"), }), ) } @@ -66,7 +68,9 @@ export default function Create(props: MediaCreateProps) { >

    {t("drop_files")}

    -

    {t("max_size", { size: formatBytes(props.upload.max_size * 1024) })}

    +

    + {t("max_size", { size: formatBytes(props.upload.max_size * 1024) })} +

    @@ -98,7 +102,12 @@ export default function Create(props: MediaCreateProps) { {t("edit")} ) : ( - + )} ))} diff --git a/resources/js/Pages/Media/Edit.tsx b/resources/js/Pages/Media/Edit.tsx index fbe4142..be098ea 100644 --- a/resources/js/Pages/Media/Edit.tsx +++ b/resources/js/Pages/Media/Edit.tsx @@ -57,7 +57,13 @@ export default function Edit(props: MediaEditProps) { {media.type === "image" && props.crop_presets.length && props.can.update ? ( - + ) : null} diff --git a/resources/js/Pages/Media/Index.tsx b/resources/js/Pages/Media/Index.tsx index 7196b34..3225058 100644 --- a/resources/js/Pages/Media/Index.tsx +++ b/resources/js/Pages/Media/Index.tsx @@ -48,7 +48,11 @@ export default function Index(props: MediaIndexProps) { const bulkDelete = () => { if (!deletable.length || !window.confirm(t("delete_many_confirm"))) return - router.put(urls.bulk, { action: "delete", media: deletable }, { preserveScroll: true, onSuccess: () => setSelected([]) }) + router.put( + urls.bulk, + { action: "delete", media: deletable }, + { preserveScroll: true, onSuccess: () => setSelected([]) }, + ) } const sort = `${filters.orderby}:${filters.order}` diff --git a/resources/js/Pages/Media/Show.tsx b/resources/js/Pages/Media/Show.tsx index 31756f3..df349c7 100644 --- a/resources/js/Pages/Media/Show.tsx +++ b/resources/js/Pages/Media/Show.tsx @@ -25,7 +25,9 @@ export default function Show(props: MediaShowProps) { router.delete(urls.destroy) } - const uploaded = media.created_at ? new Date(media.created_at).toLocaleString(document.documentElement.lang || undefined) : null + const uploaded = media.created_at + ? new Date(media.created_at).toLocaleString(document.documentElement.lang || undefined) + : null return (
    diff --git a/resources/js/api.ts b/resources/js/api.ts index 6fc06c2..31f7a1d 100644 --- a/resources/js/api.ts +++ b/resources/js/api.ts @@ -40,7 +40,10 @@ export interface LibraryClient { list(query?: LibraryQuery, signal?: AbortSignal): Promise> find(id: number | string): Promise upload(file: File, options?: UploadOptions): Promise - update(id: number | string, details: Partial>): Promise + update( + id: number | string, + details: Partial>, + ): Promise crop(id: number | string, preset: string, crop: Omit & { rotation?: number }): Promise destroy(id: number | string): Promise } @@ -50,7 +53,8 @@ export function csrfHeaders(): Record { const cookie = typeof document === "undefined" ? null : document.cookie.match(/(?:^|; )XSRF-TOKEN=([^;]*)/) if (cookie?.[1]) return { "X-XSRF-TOKEN": decodeURIComponent(cookie[1]) } - const meta = typeof document === "undefined" ? null : document.querySelector('meta[name="csrf-token"]') + const meta = + typeof document === "undefined" ? null : document.querySelector('meta[name="csrf-token"]') return meta?.content ? { "X-CSRF-TOKEN": meta.content } : {} } @@ -81,7 +85,10 @@ async function failure(response: Response): Promise { * A client for a library's JSON API: the URL of its index route, e.g. `/admin/media`. * The pickers, the editor blocks and the React components all use it. */ -export function createLibraryClient(baseUrl: string, fetcher: typeof fetch = (...args) => fetch(...args)): LibraryClient { +export function createLibraryClient( + baseUrl: string, + fetcher: typeof fetch = (...args) => fetch(...args), +): LibraryClient { const base = baseUrl.replace(/\/+$/, "") const headers = () => ({ Accept: "application/json", "X-Requested-With": "XMLHttpRequest", ...csrfHeaders() }) @@ -89,7 +96,11 @@ export function createLibraryClient(baseUrl: string, fetcher: typeof fetch = (.. const response = await fetcher(url, { credentials: "same-origin", ...init, - headers: { ...headers(), ...(init.body && !(init.body instanceof FormData) ? { "Content-Type": "application/json" } : {}), ...(init.headers ?? {}) }, + headers: { + ...headers(), + ...(init.body && !(init.body instanceof FormData) ? { "Content-Type": "application/json" } : {}), + ...(init.headers ?? {}), + }, }) if (!response.ok) throw await failure(response) if (response.status === 204) return undefined as T @@ -138,7 +149,13 @@ export function createLibraryClient(baseUrl: string, fetcher: typeof fetch = (.. options.onProgress?.(1) resolve(body.data) } else { - reject(new LibraryError(body.message || request.statusText || "Upload failed", request.status, body.errors ?? {})) + reject( + new LibraryError( + body.message || request.statusText || "Upload failed", + request.status, + body.errors ?? {}, + ), + ) } } request.onerror = () => reject(new LibraryError("Upload failed", 0)) diff --git a/resources/js/blade/picker.ts b/resources/js/blade/picker.ts index 8f55987..700b7de 100644 --- a/resources/js/blade/picker.ts +++ b/resources/js/blade/picker.ts @@ -19,7 +19,12 @@ declare global { } } -window.Mediapicker = { ...(window.Mediapicker ?? {}), open: openMediaPicker, mount: mountPickerFields, field: pickerField } +window.Mediapicker = { + ...(window.Mediapicker ?? {}), + open: openMediaPicker, + mount: mountPickerFields, + field: pickerField, +} onReady(() => { mountPickerFields() diff --git a/resources/js/blocks/file.ts b/resources/js/blocks/file.ts new file mode 100644 index 0000000..3017087 --- /dev/null +++ b/resources/js/blocks/file.ts @@ -0,0 +1,46 @@ +import { defineBlock } from "@javaabu/block-editor" + +import type { MediaItem } from "../types" +import { FileRender } from "./render" +import { changeButton, h, icon, insertPicked, mediaNode, pick, strings, updateAt } from "./shared" + +export function fileAttrs(media: MediaItem): Record { + return { + mediaId: media.id, + href: media.url, + fileName: media.file_name, + size: media.human_size, + mimeType: media.mime_type, + label: media.name, + } +} + +/** `file`: a download link to a file from the media library. */ +export const file = defineBlock({ + name: "file", + extensions: ({ block }) => [ + mediaNode( + block, + "p", + (props, attrs) => { + if (!attrs.href) return null + const t = strings("file") + return h( + "p", + { class: "mp-block-file" }, + icon("file-text"), + h("strong", { dir: "auto" }, String(attrs.label || attrs.fileName || "")), + attrs.size ? h("small", { dir: "ltr" }, String(attrs.size)) : null, + changeButton(t("change"), async () => { + const chosen = await pick("file") + if (chosen?.[0]) updateAt(props, fileAttrs(chosen[0])) + }), + ) + }, + (t) => t("choose_file"), + ), + ], + insert: (editor, context) => + void insertPicked(editor, "file", {}, (media) => fileAttrs(media[0] as MediaItem), context), + render: FileRender, +}) diff --git a/resources/js/blocks/gallery.ts b/resources/js/blocks/gallery.ts new file mode 100644 index 0000000..1fa1b43 --- /dev/null +++ b/resources/js/blocks/gallery.ts @@ -0,0 +1,83 @@ +import { defineBlock } from "@javaabu/block-editor" + +import type { MediaItem } from "../types" +import { GalleryRender } from "./render" +import { changeButton, h, insertPicked, mediaNode, pick, strings, updateAt } from "./shared" + +export interface GalleryItem { + id: number | null + src: string + thumb?: string | null + alt?: string | null + width?: number | null + height?: number | null +} + +export function galleryItems(media: MediaItem[]): GalleryItem[] { + return media.map((item) => ({ + id: item.id, + src: item.url, + thumb: item.preview ?? item.thumb ?? item.url, + alt: item.alt ?? "", + width: item.width, + height: item.height, + })) +} + +/** `gallery`: images from the media library in a grid. */ +export const gallery = defineBlock({ + name: "gallery", + extensions: ({ block }) => [ + mediaNode( + block, + "figure", + (props, attrs) => { + const items = Array.isArray(attrs.items) ? (attrs.items as GalleryItem[]) : [] + if (!items.length) return null + const t = strings("gallery") + return h( + "figure", + { class: "mp-block-gallery", style: `--mp-gallery-columns: ${Number(attrs.columns ?? 3)}` }, + h( + "ul", + {}, + ...items.map((item) => + h("li", {}, h("img", { src: item.thumb ?? item.src, alt: item.alt ?? "", draggable: "false" })), + ), + ), + attrs.caption ? h("figcaption", { dir: "auto" }, String(attrs.caption)) : null, + changeButton(t("change"), async () => { + const selected = items + .filter((item) => item.id) + .map( + (item) => + ({ + id: item.id, + name: item.alt || String(item.id), + thumb: item.thumb ?? item.src, + }) as unknown as MediaItem, + ) + const chosen = await pick("gallery", { type: "image", multiple: true, selected }) + if (!chosen?.length) return + const existing = new Map(items.map((item) => [item.id, item])) + updateAt(props, { + items: chosen + .map((media) => (media.url ? galleryItems([media])[0] : existing.get(media.id))) + .filter(Boolean), + }) + }), + ) + }, + (t) => t("choose_images"), + ), + ], + insert: (editor, context) => + void insertPicked( + editor, + "gallery", + { type: "image", multiple: true }, + (media) => ({ items: galleryItems(media) }), + context, + ), + render: GalleryRender, +}) diff --git a/resources/js/blocks/image.ts b/resources/js/blocks/image.ts new file mode 100644 index 0000000..7fef906 --- /dev/null +++ b/resources/js/blocks/image.ts @@ -0,0 +1,45 @@ +import { defineBlock } from "@javaabu/block-editor" + +import type { MediaItem } from "../types" +import { ImageRender } from "./render" +import { changeButton, h, insertPicked, mediaNode, pick, strings, updateAt } from "./shared" + +/** The attributes of an image block for a library image. */ +export function imageAttrs(media: MediaItem): Record { + return { + mediaId: media.id, + src: media.preview ?? media.url, + width: media.width, + height: media.height, + alt: media.alt ?? "", + } +} + +/** `image`: an image from the media library (replaces the core URL image block). */ +export const image = defineBlock({ + name: "image", + extensions: ({ block }) => [ + mediaNode( + block, + "figure", + (props, attrs) => { + if (!attrs.src) return null + const t = strings("image") + return h( + "figure", + { class: "block-image mp-block-image" }, + h("img", { src: String(attrs.src), alt: String(attrs.alt ?? ""), draggable: "false" }), + attrs.caption ? h("figcaption", { dir: "auto" }, String(attrs.caption)) : null, + changeButton(t("change"), async () => { + const chosen = await pick("image", { type: "image" }) + if (chosen?.[0]) updateAt(props, imageAttrs(chosen[0])) + }), + ) + }, + (t) => t("choose_image"), + ), + ], + insert: (editor, context) => + void insertPicked(editor, "image", { type: "image" }, (media) => imageAttrs(media[0] as MediaItem), context), + render: ImageRender, +}) diff --git a/resources/js/blocks/index.ts b/resources/js/blocks/index.ts index 336ce12..98009bd 100644 --- a/resources/js/blocks/index.ts +++ b/resources/js/blocks/index.ts @@ -1 +1,24 @@ -export {} +/** + * javaabu/block-editor blocks that pick from the media library: `image` (replacing the + * core URL image), `gallery`, `file` and `mediaVideo`. The editor requires this script + * through each block's `$script`; React apps import it once next to the editor. + */ +import "../../css/mediapicker.css" + +import { registerBlock } from "@javaabu/block-editor" + +import { file } from "./file" +import { gallery } from "./gallery" +import { image } from "./image" +import { mediaVideo } from "./video" + +export const MEDIA_BLOCKS = [image, gallery, file, mediaVideo] + +registerBlock(...MEDIA_BLOCKS) + +export { image, gallery, file, mediaVideo } +export { imageAttrs } from "./image" +export { galleryItems, type GalleryItem } from "./gallery" +export { fileAttrs } from "./file" +export { videoAttrs } from "./video" +export { ImageRender, GalleryRender, FileRender, VideoRender } from "./render" diff --git a/resources/js/blocks/render.tsx b/resources/js/blocks/render.tsx new file mode 100644 index 0000000..6698643 --- /dev/null +++ b/resources/js/blocks/render.tsx @@ -0,0 +1,86 @@ +import type { BlockRenderProps } from "@javaabu/block-editor" + +import { Icon } from "../react/Icon" +import type { GalleryItem } from "./gallery" + +const text = (value: unknown) => (typeof value === "string" && value !== "" ? value : null) +const num = (value: unknown) => (typeof value === "number" ? value : undefined) + +/** The image block in ``: the same markup as `mediapicker::blocks.image`. */ +export function ImageRender({ attrs }: BlockRenderProps) { + const img = ( + {String(attrs.alt + ) + + return ( +
    + {text(attrs.link) ? {img} : img} + {text(attrs.caption) ?
    {String(attrs.caption)}
    : null} +
    + ) +} + +export function GalleryRender({ attrs }: BlockRenderProps) { + const items = Array.isArray(attrs.items) ? (attrs.items as GalleryItem[]) : [] + const columns = Math.max(1, Math.min(6, Number(attrs.columns ?? 3))) + + return ( +
    +
      + {items.map((item, index) => ( +
    • + + {item.alt + +
      • + ))} +
    + {text(attrs.caption) ?
    {String(attrs.caption)}
    : null} +
    + ) +} + +export function FileRender({ attrs }: BlockRenderProps) { + return ( +

    + + + {text(attrs.label) ?? text(attrs.fileName) ?? "Download"} + + {text(attrs.size) ? {String(attrs.size)} : null} +

    + ) +} + +export function VideoRender({ attrs }: BlockRenderProps) { + const autoplay = attrs.autoplay === true + + return ( +
    +
    + ) +} diff --git a/resources/js/blocks/shared.ts b/resources/js/blocks/shared.ts new file mode 100644 index 0000000..a1d2a35 --- /dev/null +++ b/resources/js/blocks/shared.ts @@ -0,0 +1,118 @@ +import { Node as TiptapNode, type AnyExtension, type Editor, type NodeViewRendererProps } from "@tiptap/core" +import { + atomView, + attributesFrom, + dataAttrs, + settingsPrompt, + type BlockConfig, + type InsertContext, +} from "@javaabu/block-editor" + +import { h, icon } from "../dom" +import { openMediaPicker } from "../picker/dialog" +import { translator, type Translator } from "../strings" +import type { MediaItem } from "../types" +import type { PickerConfig } from "../react/context" + +/** The block config from PHP, with the picker config `MediaBlock::toEditor()` adds. */ +export type MediaBlockConfig = BlockConfig & { mediapicker?: PickerConfig } + +const configs = new Map() + +/** The picker config of a block, kept when the editor builds its extension. */ +export function pickerConfig(name: string): PickerConfig | undefined { + return configs.get(name)?.mediapicker +} + +export function strings(name: string): Translator { + return translator(pickerConfig(name)?.strings) +} + +/** Opens the library dialog for a block. */ +export function pick(name: string, options: { multiple?: boolean; type?: string | null; selected?: MediaItem[] } = {}) { + const config = pickerConfig(name) + + return openMediaPicker({ + url: config?.url ?? "", + multiple: options.multiple ?? false, + type: options.type ?? null, + selected: options.selected ?? [], + types: config?.types, + accept: config?.accept, + strings: config?.strings, + }) +} + +/** Inserts a block at the selection with attributes from the chosen media. */ +export async function insertPicked( + editor: Editor, + name: string, + options: { multiple?: boolean; type?: string | null }, + toAttrs: (media: MediaItem[]) => Record, + context: InsertContext, +): Promise { + void context + const chosen = await pick(name, options) + if (!chosen?.length) return + editor + .chain() + .focus() + .insertContent({ type: name, attrs: toAttrs(chosen) }) + .run() +} + +/** Sets attributes of the block at a position. */ +export function updateAt(props: NodeViewRendererProps, attrs: Record): void { + const pos = typeof props.getPos === "function" ? props.getPos() : undefined + if (typeof pos !== "number") return + props.editor.chain().setNodeSelection(pos).updateAttributes(props.node.type.name, attrs).run() +} + +/** A "Change" button in a block preview that picks again. */ +export function changeButton(label: string, onClick: () => void): HTMLButtonElement { + return h( + "button", + { + type: "button", + class: "mp-button mp-block-change", + "data-be-stop": "", + onClick: (event: Event) => { + event.preventDefault() + event.stopPropagation() + onClick() + }, + }, + icon("images"), + label, + ) +} + +/** + * An atom node for a media block: attributes from PHP, stored as data attributes, and a + * preview that picks media when empty + */ +export function mediaNode( + block: BlockConfig, + tag: string, + preview: (props: NodeViewRendererProps, attrs: Record) => globalThis.Node | null, + emptyText: (t: Translator) => string, +): AnyExtension { + configs.set(block.name, block as MediaBlockConfig) + + return TiptapNode.create({ + name: block.name, + group: "block", + atom: true, + draggable: true, + selectable: true, + addAttributes: () => attributesFrom(block), + parseHTML: () => [{ tag: `${tag}[data-block="${block.name}"]` }], + renderHTML: ({ node }) => [tag, { class: `mp-block`, ...dataAttrs(block.name, node.attrs) }], + addNodeView() { + return (props) => + atomView(props, (node) => preview(props, node.attrs) ?? settingsPrompt(props, emptyText(strings(block.name)))) + }, + }) +} + +export { h, icon } diff --git a/resources/js/blocks/video.ts b/resources/js/blocks/video.ts new file mode 100644 index 0000000..fd903b7 --- /dev/null +++ b/resources/js/blocks/video.ts @@ -0,0 +1,38 @@ +import { defineBlock } from "@javaabu/block-editor" + +import type { MediaItem } from "../types" +import { VideoRender } from "./render" +import { changeButton, h, insertPicked, mediaNode, pick, strings, updateAt } from "./shared" + +export function videoAttrs(media: MediaItem): Record { + return { mediaId: media.id, src: media.url, mimeType: media.mime_type } +} + +/** `mediaVideo`: an uploaded video from the media library. */ +export const mediaVideo = defineBlock({ + name: "mediaVideo", + extensions: ({ block }) => [ + mediaNode( + block, + "figure", + (props, attrs) => { + if (!attrs.src) return null + const t = strings("mediaVideo") + return h( + "figure", + { class: "mp-block-video" }, + h("video", { src: String(attrs.src), controls: true, preload: "metadata" }), + attrs.caption ? h("figcaption", { dir: "auto" }, String(attrs.caption)) : null, + changeButton(t("change"), async () => { + const chosen = await pick("mediaVideo", { type: "video" }) + if (chosen?.[0]) updateAt(props, videoAttrs(chosen[0])) + }), + ) + }, + (t) => t("choose_video"), + ), + ], + insert: (editor, context) => + void insertPicked(editor, "mediaVideo", { type: "video" }, (media) => videoAttrs(media[0] as MediaItem), context), + render: VideoRender, +}) diff --git a/resources/js/cropper/cropper.ts b/resources/js/cropper/cropper.ts index 6bd87f9..1f0f594 100644 --- a/resources/js/cropper/cropper.ts +++ b/resources/js/cropper/cropper.ts @@ -64,7 +64,11 @@ export class CropperWidget { element.classList.add("mp-cropper") element.replaceChildren( - h("div", { class: "mp-cropper__presets", role: "group", "aria-label": this.t("aspect_ratio") }, ...this.presetButtons), + h( + "div", + { class: "mp-cropper__presets", role: "group", "aria-label": this.t("aspect_ratio") }, + ...this.presetButtons, + ), h("div", { class: "mp-cropper__stage" }, this.image), h( "div", @@ -91,7 +95,9 @@ export class CropperWidget { /** Switch to another preset: its aspect ratio and its saved crop. */ choose(preset: CropPreset): void { this.preset = preset - this.presetButtons.forEach((button) => button.setAttribute("aria-pressed", button.dataset.preset === preset.name ? "true" : "false")) + this.presetButtons.forEach((button) => + button.setAttribute("aria-pressed", button.dataset.preset === preset.name ? "true" : "false"), + ) this.cropper?.setAspectRatio(preset.aspect ?? NaN) this.applySavedCrop() this.describe() @@ -118,7 +124,9 @@ export class CropperWidget { const media = await this.client.crop(this.config.media.id, this.preset.name, this.currentCrop()) this.crops = { ...media.crops } this.status.textContent = this.t("saved") - this.element.dispatchEvent(new CustomEvent("mediapicker:cropped", { bubbles: true, detail: { media, preset: this.preset.name } })) + this.element.dispatchEvent( + new CustomEvent("mediapicker:cropped", { bubbles: true, detail: { media, preset: this.preset.name } }), + ) return media } catch { this.status.textContent = this.t("error") diff --git a/resources/js/icons.ts b/resources/js/icons.ts index f176c11..0854824 100644 --- a/resources/js/icons.ts +++ b/resources/js/icons.ts @@ -1,36 +1,47 @@ // Lucide icons (ISC licence, https://lucide.dev), the inner markup of each 24×24 SVG. // Generated from lucide-static; the PHP copy is resources/icons/icons.php. export const icons: Record = { - "image": "", - "film": "", - "music": "", - "file-text": "", - "file-archive": "", - "file": "", - "upload": "", - "x": "", - "search": "", - "check": "", - "crop": "", - "trash-2": "", - "pencil": "", - "grid-2x2": "", - "list": "", - "loader-circle": "", - "external-link": "", - "copy": "", - "download": "", - "images": "", - "play": "", - "file-video": "", - "chevron-left": "", - "chevron-right": "", - "arrow-up": "", - "arrow-down": "", - "plus": "", - "rotate-ccw": "", - "rotate-cw": "", - "zoom-in": "", - "circle-alert": "", - "info": "", + image: + '', + film: '', + music: + '', + "file-text": + '', + "file-archive": + '', + file: '', + upload: '', + x: '', + search: '', + check: '', + crop: '', + "trash-2": + '', + pencil: + '', + "grid-2x2": '', + list: '', + "loader-circle": '', + "external-link": + '', + copy: '', + download: '', + images: + '', + play: '', + "file-video": + '', + "chevron-left": '', + "chevron-right": '', + "arrow-up": '', + "arrow-down": '', + plus: '', + "rotate-ccw": '', + "rotate-cw": '', + "zoom-in": + '', + "circle-alert": + '', + info: '', } diff --git a/resources/js/index.ts b/resources/js/index.ts index dc9d434..d714879 100644 --- a/resources/js/index.ts +++ b/resources/js/index.ts @@ -17,6 +17,13 @@ export { Icon } from "./react/Icon" export { openMediaPicker, type MediaPickerOptions } from "./picker/dialog" export { PickerField, mountPickerFields, pickerField, type PickerFieldConfig } from "./picker/field" export { CropperWidget, mountCroppers, type CropperConfig } from "./cropper/cropper" -export { createLibraryClient, csrfHeaders, LibraryError, type LibraryClient, type LibraryQuery, type UploadOptions } from "./api" +export { + createLibraryClient, + csrfHeaders, + LibraryError, + type LibraryClient, + type LibraryQuery, + type UploadOptions, +} from "./api" export { translator, format, withDefaults, englishStrings, formatBytes } from "./strings" export type * from "./types" diff --git a/resources/js/picker/dialog.ts b/resources/js/picker/dialog.ts index ac23173..488f3f0 100644 --- a/resources/js/picker/dialog.ts +++ b/resources/js/picker/dialog.ts @@ -158,7 +158,9 @@ class MediaPickerDialog { const filters: HTMLElement[] = [h("label", { class: "mp-search" }, icon("search"), search)] - const typeOptions = (this.options.types ?? []).filter((type) => !this.types.length || this.types.includes(type.value)) + const typeOptions = (this.options.types ?? []).filter( + (type) => !this.types.length || this.types.includes(type.value), + ) if (typeOptions.length > 1) { const select = h( "select", @@ -254,7 +256,9 @@ class MediaPickerDialog { this.list.replaceChildren(...this.items.map((item) => this.item(item))) if (!this.items.length) { - this.list.append(h("p", { class: "mp-empty" }, this.t(this.search || this.typeFilter ? "no_matching_media" : "no_media"))) + this.list.append( + h("p", { class: "mp-empty" }, this.t(this.search || this.typeFilter ? "no_matching_media" : "no_media")), + ) } this.more.hidden = this.page >= this.lastPage diff --git a/resources/js/picker/field.ts b/resources/js/picker/field.ts index f8fafd8..2adf3e7 100644 --- a/resources/js/picker/field.ts +++ b/resources/js/picker/field.ts @@ -37,8 +37,12 @@ export class PickerField { ) { this.value = config.value ?? [] this.t = translator(config.strings) - this.items = element.querySelector(".mp-field__items") ?? element.appendChild(h("ul", { class: "mp-field__items" })) - this.inputs = element.querySelector(".mp-field__inputs") ?? element.appendChild(h("div", { class: "mp-field__inputs" })) + this.items = + element.querySelector(".mp-field__items") ?? + element.appendChild(h("ul", { class: "mp-field__items" })) + this.inputs = + element.querySelector(".mp-field__inputs") ?? + element.appendChild(h("div", { class: "mp-field__inputs" })) this.clear = element.querySelector("[data-mp-clear]") element.querySelector("[data-mp-choose]")?.addEventListener("click", () => void this.choose()) diff --git a/resources/js/react/MediaLibraryDialog.tsx b/resources/js/react/MediaLibraryDialog.tsx index eba9c2e..595b9cf 100644 --- a/resources/js/react/MediaLibraryDialog.tsx +++ b/resources/js/react/MediaLibraryDialog.tsx @@ -1,6 +1,6 @@ import { Alert, Button, Modal } from "@javaabu/forms" import { MediaLister, type MediaItem as ListerItem } from "@javaabu/onu" -import { useEffect, useMemo, useRef, useState } from "react" +import { useMemo, useRef, useState } from "react" import type { LibraryClient } from "../api" import { defaultTitle } from "../picker/dialog" @@ -68,20 +68,25 @@ export function MediaLibraryDialog({ }: MediaLibraryDialogProps) { const t = useMemo(() => translator(strings), [strings]) const library = useLibrary({ url, type, enabled: open, client }) - const [chosen, setChosen] = useState>(new Map()) + const [chosen, setChosen] = useState>(() => new Map(selected.map((item) => [item.id, item]))) const [cropping, setCropping] = useState([]) const fileInput = useRef(null) const limited = useMemo(() => (type ? (Array.isArray(type) ? type : [type]) : []), [type]) - useEffect(() => { + // Start from the field's value each time the dialog opens + const [wasOpen, setWasOpen] = useState(open) + if (open !== wasOpen) { + setWasOpen(open) if (open) setChosen(new Map(selected.map((item) => [item.id, item]))) - // only when the dialog opens - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [open]) + } const select = (ids: Array) => { const byId = new Map([...library.items, ...chosen.values()].map((item) => [item.id, item])) - setChosen(new Map(ids.map((id) => [Number(id), byId.get(Number(id))]).filter((entry): entry is [number, MediaItem] => !!entry[1]))) + setChosen( + new Map( + ids.map((id) => [Number(id), byId.get(Number(id))]).filter((entry): entry is [number, MediaItem] => !!entry[1]), + ), + ) } const add = (media: MediaItem | null) => { diff --git a/resources/js/react/MediaPickerField.tsx b/resources/js/react/MediaPickerField.tsx index c8fcf61..dafa759 100644 --- a/resources/js/react/MediaPickerField.tsx +++ b/resources/js/react/MediaPickerField.tsx @@ -20,7 +20,16 @@ export interface MediaPickerFieldProps extends Omit + {media.file_name} diff --git a/resources/js/react/context.tsx b/resources/js/react/context.tsx index cddf2e6..9f89f6f 100644 --- a/resources/js/react/context.tsx +++ b/resources/js/react/context.tsx @@ -23,7 +23,13 @@ const PickerConfigContext = createContext(null) * … * ``` */ -export function MediapickerProvider({ config, children }: { config: PickerConfig | null | undefined; children: ReactNode }) { +export function MediapickerProvider({ + config, + children, +}: { + config: PickerConfig | null | undefined + children: ReactNode +}) { return {children} } diff --git a/resources/js/strings.en.json b/resources/js/strings.en.json index a3b5207..46e38bd 100644 --- a/resources/js/strings.en.json +++ b/resources/js/strings.en.json @@ -1,101 +1,101 @@ { - "media_library": "Media library", - "upload": "Upload", - "upload_media": "Upload media", - "upload_files": "Upload files", - "uploading": "Uploading…", - "upload_failed": "The upload failed.", - "drop_files": "Drop files here or choose them", - "choose_files": "Choose files", - "max_size": "Up to :size each", - "search": "Search", - "search_media": "Search media", - "type": "Type", - "all_types": "All types", - "uploaded_by": "Uploaded by", - "anyone": "Anyone", - "only_mine": "Only mine", - "from": "From", - "to": "To", - "sort_by": "Sort by", - "newest": "Newest", - "oldest": "Oldest", - "name_a_z": "Name (A–Z)", - "largest": "Largest", - "filter": "Filter", - "reset": "Reset", - "grid": "Grid", - "list": "List", - "no_media": "No media yet", - "no_matching_media": "No media matches these filters.", - "load_more": "Load more", - "select": "Select", - "select_all": "Select all", - "selected": ":count selected", - "clear_selection": "Clear selection", - "insert": "Insert", - "choose": "Choose", - "choose_media": "Choose media", - "choose_image": "Choose an image", - "choose_images": "Choose images", - "choose_file": "Choose a file", - "choose_video": "Choose a video", - "change": "Change", - "remove": "Remove", - "cancel": "Cancel", - "close": "Close", - "save": "Save", - "saving": "Saving…", - "saved": "Saved", - "edit": "Edit", - "view": "View", - "delete": "Delete", - "delete_selected": "Delete selected", - "delete_confirm": "Delete this file? Pages that use it will lose it.", - "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", - "details": "Details", - "name": "Name", - "description": "Description", - "alt": "Alt text", - "alt_help": "Describes the image for people who can't see it.", - "caption": "Caption", - "file_name": "File name", - "file_type": "File type", - "file_size": "File size", - "dimensions": "Dimensions", - "uploaded_at": "Uploaded", - "url": "URL", - "copy_url": "Copy URL", - "copied": "Copied", - "download": "Download", - "open": "Open", - "preview": "Preview", - "crop": "Crop", - "crops": "Crops", - "crop_image": "Crop image", - "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", - "save_crop": "Save crop", - "aspect_ratio": "Aspect ratio", - "not_cropped": "Not cropped: the whole image is used", - "cropped": "Cropped", - "rotate_left": "Rotate left", - "rotate_right": "Rotate right", - "zoom": "Zoom", - "back_to_library": "Back to the library", - "no_selection": "Nothing chosen", - "image": "Image", - "gallery": "Gallery", - "file": "File", - "video": "Video", - "columns": "Columns", - "link": "Link", - "size": "Size", - "autoplay": "Autoplay", - "loop": "Loop", - "muted": "Muted", - "controls": "Controls", - "label": "Label", - "move_up": "Move up", - "move_down": "Move down", - "error": "Something went wrong. Try again." + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." } diff --git a/resources/views/blocks/file.blade.php b/resources/views/blocks/file.blade.php new file mode 100644 index 0000000..78ad6eb --- /dev/null +++ b/resources/views/blocks/file.blade.php @@ -0,0 +1,7 @@ +

    + @include('mediapicker::partials.icon', ['name' => $icon]) + {{ $label }} + @if($size) + {{ $size }} + @endif +

    diff --git a/resources/views/blocks/gallery.blade.php b/resources/views/blocks/gallery.blade.php new file mode 100644 index 0000000..e08ded5 --- /dev/null +++ b/resources/views/blocks/gallery.blade.php @@ -0,0 +1,21 @@ +
    + + @if($attrs['caption'] ?? null) +
    {{ $attrs['caption'] }}
    + @endif +
    diff --git a/resources/views/blocks/image.blade.php b/resources/views/blocks/image.blade.php new file mode 100644 index 0000000..b08e613 --- /dev/null +++ b/resources/views/blocks/image.blade.php @@ -0,0 +1,15 @@ +
    + @if($attrs['link'] ?? null)@endif + attributes([ + 'src' => $src, + 'alt' => $alt, + 'width' => $width, + 'height' => $height, + 'loading' => 'lazy', + 'decoding' => 'async', + ]) !!}> + @if($attrs['link'] ?? null)@endif + @if($attrs['caption'] ?? null) +
    {{ $attrs['caption'] }}
    + @endif +
    diff --git a/resources/views/blocks/media-video.blade.php b/resources/views/blocks/media-video.blade.php new file mode 100644 index 0000000..d2ce445 --- /dev/null +++ b/resources/views/blocks/media-video.blade.php @@ -0,0 +1,14 @@ +
    + attributes([ + 'src' => $src, + 'controls' => ($attrs['controls'] ?? true) ? true : null, + 'autoplay' => ($attrs['autoplay'] ?? false) ? true : null, + 'loop' => ($attrs['loop'] ?? false) ? true : null, + 'muted' => ($attrs['muted'] ?? false) || ($attrs['autoplay'] ?? false) ? true : null, + 'playsinline' => true, + 'preload' => 'metadata', + ]) !!}> + @if($attrs['caption'] ?? null) +
    {{ $attrs['caption'] }}
    + @endif +
    diff --git a/src/Assets/Assets.php b/src/Assets/Assets.php index f6318aa..3320a8f 100644 --- a/src/Assets/Assets.php +++ b/src/Assets/Assets.php @@ -30,7 +30,7 @@ public static function register(Package $package): void ->dist('../dist') ->script('picker', 'js/blade/picker.ts') ->script('cropper', 'js/blade/cropper.ts') - ->script('blocks', 'js/blocks/index.ts', depends_on: ['picker']) + ->script('blocks', 'js/blocks/index.ts') ->npm([ '@javaabu/forms' => 'github:Javaabu/react-forms#next-gen', '@javaabu/onu' => '^0.2.1', diff --git a/src/Blocks/File.php b/src/Blocks/File.php new file mode 100644 index 0000000..3176ff2 --- /dev/null +++ b/src/Blocks/File.php @@ -0,0 +1,61 @@ + Attribute::integer()->hidden(), + 'href' => Attribute::url()->required()->hidden(), + 'fileName' => Attribute::string()->max(255)->hidden(), + 'size' => Attribute::string()->max(50)->hidden(), + 'mimeType' => Attribute::string()->max(255)->hidden(), + 'label' => Attribute::string()->max(255)->thaana()->label(__('Label')), + ]; + } + + public function rules(): array + { + return ['mediaId' => [new LibraryMedia]]; + } + + public function sanitize(Node $node, Sanitizer $sanitizer): ?Node + { + return Url::isSafe($node->attr('href')) ? $node : null; + } + + protected function viewData(Node $node, $renderer): array + { + $media = static::findMedia([$node->attr('mediaId')])->first(); + + return [ + ...parent::viewData($node, $renderer), + 'media' => $media, + 'href' => $media ? $media->getUrl() : $node->attr('href'), + 'label' => $node->attr('label') ?: ($media?->name ?? $node->attr('fileName') ?? __('Download')), + 'size' => $media?->human_readable_size ?? $node->attr('size'), + 'icon' => $media?->getIcon() ?? 'file', + ]; + } +} diff --git a/src/Blocks/Gallery.php b/src/Blocks/Gallery.php new file mode 100644 index 0000000..0ec87a4 --- /dev/null +++ b/src/Blocks/Gallery.php @@ -0,0 +1,83 @@ + Attribute::json()->required()->hidden(), + 'columns' => Attribute::integer()->default(3)->min(1)->max(6)->label(__('Columns')), + 'caption' => Attribute::string()->max(500)->thaana()->label(__('Caption')), + ]; + } + + public function rules(): array + { + return [ + 'items' => ['array', 'min:1', 'max:100'], + 'items.*.id' => ['nullable', new LibraryMedia('image')], + 'items.*.src' => ['required', 'string', 'max:2048'], + ]; + } + + public function sanitize(Node $node, Sanitizer $sanitizer): ?Node + { + $items = array_values(array_filter( + is_array($node->attr('items')) ? $node->attr('items') : [], + fn ($item) => is_array($item) && Url::isSafeImage($item['src'] ?? null), + )); + + if (! $items) { + return null; + } + + return $node->withAttrs([...$node->attrs, 'items' => $items]); + } + + protected function viewData(Node $node, $renderer): array + { + $items = is_array($node->attr('items')) ? $node->attr('items') : []; + $media = static::findMedia(array_column($items, 'id')); + + $images = array_map(function (array $item) use ($media) { + $current = isset($item['id']) ? $media->get((string) $item['id']) : null; + + return [ + 'src' => $current ? $current->getUrl() : ($item['src'] ?? ''), + 'thumb' => $current ? (MediaResource::conversionUrl($current, 'mediapicker-large') ?? $current->getUrl()) : ($item['thumb'] ?? $item['src'] ?? ''), + 'alt' => $current?->alt ?? ($item['alt'] ?? ''), + 'width' => $current?->width ?? ($item['width'] ?? null), + 'height' => $current?->height ?? ($item['height'] ?? null), + ]; + }, $items); + + return [ + ...parent::viewData($node, $renderer), + 'images' => $images, + 'columns' => max(1, min(6, (int) ($node->attr('columns') ?? 3))), + ]; + } +} diff --git a/src/Blocks/Image.php b/src/Blocks/Image.php new file mode 100644 index 0000000..7af388e --- /dev/null +++ b/src/Blocks/Image.php @@ -0,0 +1,63 @@ + Attribute::integer()->hidden(), + 'src' => Attribute::url()->required()->hidden(), + 'width' => Attribute::integer()->hidden(), + 'height' => Attribute::integer()->hidden(), + 'alt' => Attribute::string()->max(255)->thaana()->label(__('Alt text'))->help(__('Describes the image for people who can\'t see it.')), + 'caption' => Attribute::string()->max(500)->thaana()->label(__('Caption')), + 'link' => Attribute::url()->label(__('Link')), + ]; + } + + public function rules(): array + { + return ['mediaId' => [new LibraryMedia('image')]]; + } + + public function sanitize(Node $node, Sanitizer $sanitizer): ?Node + { + return Url::isSafeImage($node->attr('src')) ? $node : null; + } + + protected function viewData(Node $node, $renderer): array + { + $media = static::findMedia([$node->attr('mediaId')])->first(); + + return [ + ...parent::viewData($node, $renderer), + 'media' => $media, + 'src' => $media ? static::imageUrl($media) : $node->attr('src'), + 'alt' => $node->attr('alt') ?? $media?->alt ?? '', + 'width' => $media?->width ?? $node->attr('width'), + 'height' => $media?->height ?? $node->attr('height'), + ]; + } +} diff --git a/src/Blocks/MediaBlock.php b/src/Blocks/MediaBlock.php new file mode 100644 index 0000000..4fd5525 --- /dev/null +++ b/src/Blocks/MediaBlock.php @@ -0,0 +1,89 @@ +title); + } + + public function description(): string + { + return __($this->summary); + } + + public function view(): string + { + return $this->view ?? 'mediapicker::blocks.' . str($this->name)->kebab(); + } + + /** + * The block's config for the editor, with what the picker needs + * + * @return array + */ + public function toEditor(): array + { + return [...parent::toEditor(), 'mediapicker' => PickerConfig::make(static::$library)]; + } + + /** + * The media of these ids, keyed by id + * + * @param array $ids + * @return Collection + */ + public static function findMedia(array $ids): Collection + { + $ids = array_values(array_filter($ids, fn ($id) => is_numeric($id))); + + if (! $ids) { + return collect(); + } + + $media_class = Mediapicker::mediaModel(); + + return $media_class::query() + ->whereKey($ids) + ->get() + ->keyBy(fn (Media $media) => (string) $media->getKey()); + } + + /** + * The URL to show an image at: the library preview when it's made, else the original + */ + public static function imageUrl(Media $media): string + { + return $media->hasGeneratedConversion('mediapicker-large') + ? $media->getUrl('mediapicker-large') + : $media->getUrl(); + } +} diff --git a/src/Blocks/MediaVideo.php b/src/Blocks/MediaVideo.php new file mode 100644 index 0000000..b1d75a1 --- /dev/null +++ b/src/Blocks/MediaVideo.php @@ -0,0 +1,61 @@ + Attribute::integer()->hidden(), + 'src' => Attribute::url()->required()->hidden(), + 'mimeType' => Attribute::string()->max(255)->hidden(), + 'caption' => Attribute::string()->max(500)->thaana()->label(__('Caption')), + 'controls' => Attribute::boolean()->default(true)->label(__('Controls')), + 'autoplay' => Attribute::boolean()->default(false)->label(__('Autoplay')), + 'loop' => Attribute::boolean()->default(false)->label(__('Loop')), + 'muted' => Attribute::boolean()->default(false)->label(__('Muted')), + ]; + } + + public function rules(): array + { + return ['mediaId' => [new LibraryMedia('video')]]; + } + + public function sanitize(Node $node, Sanitizer $sanitizer): ?Node + { + return Url::isSafe($node->attr('src')) ? $node : null; + } + + protected function viewData(Node $node, $renderer): array + { + $media = static::findMedia([$node->attr('mediaId')])->first(); + + return [ + ...parent::viewData($node, $renderer), + 'src' => $media ? $media->getUrl() : $node->attr('src'), + 'type' => $media?->mime_type ?? $node->attr('mimeType'), + ]; + } +} diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index 644487e..543e30b 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -6,6 +6,7 @@ use Illuminate\Support\Facades\Event; use Illuminate\Support\Facades\Route; use Illuminate\Support\ServiceProvider; +use Javaabu\BlockEditor\Facades\BlockEditor; use Javaabu\Manifest\Concerns\RegistersAssets; use Javaabu\Manifest\Package; use Javaabu\Mediapicker\Assets\Assets; @@ -53,6 +54,7 @@ public function boot(): void $this->registerObservers(); $this->registerListeners(); + $this->registerBlocks(); $this->registerComponents(); $this->registerRouteMacros(); $this->registerPermissions(); @@ -76,6 +78,19 @@ protected function registerObservers(): void $media_class::observe(new $media_observer); } + /** + * The image (replacing the core URL image), gallery, file and mediaVideo blocks of + * javaabu/block-editor + */ + protected function registerBlocks(): void + { + if (! config('mediapicker.blocks', true) || ! class_exists(BlockEditor::class)) { + return; + } + + BlockEditor::register(Blocks\Image::class, Blocks\Gallery::class, Blocks\File::class, Blocks\MediaVideo::class); + } + protected function registerListeners(): void { Event::listen(MediaCropped::class, RegenerateCroppedConversions::class); diff --git a/tests/Feature/Blocks/JsFixtureTest.php b/tests/Feature/Blocks/JsFixtureTest.php new file mode 100644 index 0000000..f8241c5 --- /dev/null +++ b/tests/Feature/Blocks/JsFixtureTest.php @@ -0,0 +1,30 @@ +assertJsonStringEqualsJsonString($json, file_get_contents(static::PATH)); + } +} diff --git a/tests/Feature/Blocks/MediaBlocksTest.php b/tests/Feature/Blocks/MediaBlocksTest.php new file mode 100644 index 0000000..2e48f7f --- /dev/null +++ b/tests/Feature/Blocks/MediaBlocksTest.php @@ -0,0 +1,154 @@ +setUpLibrary(); + } + + /** + * @param array> $blocks + * @return array + */ + protected function doc(array $blocks): array + { + return ['type' => 'doc', 'content' => $blocks]; + } + + #[Test] + public function it_registers_the_blocks_and_replaces_the_core_image(): void + { + $this->assertInstanceOf(Image::class, BlockEditor::get('image')); + $this->assertInstanceOf(Gallery::class, BlockEditor::get('gallery')); + $this->assertInstanceOf(File::class, BlockEditor::get('file')); + $this->assertInstanceOf(MediaVideo::class, BlockEditor::get('mediaVideo')); + $this->assertTrue(BlockEditor::has('embed')); + } + + #[Test] + public function the_editor_gets_the_picker_config_and_script(): void + { + $config = collect(BlockEditor::editorConfig()['blocks'])->keyBy('name'); + + $this->assertEquals(url('/media'), $config['gallery']['mediapicker']['url']); + $this->assertEquals('Gallery', $config['gallery']['title']); + $this->assertEquals('Video file', $config['mediaVideo']['title']); + $this->assertContains('mediapicker::blocks', BlockEditor::scripts()); + } + + #[Test] + public function it_renders_an_image_with_the_current_media(): void + { + $user = $this->userWith(['view_media']); + $media = $this->libraryMedia($user, custom_properties: ['alt' => 'ކަނޑު', 'width' => 340, 'height' => 280]); + + $html = BlockEditor::render($this->doc([ + ['type' => 'image', 'attrs' => ['mediaId' => $media->id, 'src' => '/old.jpg', 'caption' => 'ހުޅުމާލެ', 'link' => 'https://example.com']], + ])); + + $this->assertStringContainsString('src="' . $media->getUrl('mediapicker-large') . '"', $html); + $this->assertStringContainsString('alt="ކަނޑު"', $html); + $this->assertStringContainsString('width="340"', $html); + $this->assertStringContainsString('
    ހުޅުމާލެ
    ', $html); + $this->assertStringContainsString('href="https://example.com"', $html); + } + + #[Test] + public function it_still_renders_images_that_only_have_a_url(): void + { + $html = BlockEditor::render($this->doc([ + ['type' => 'image', 'attrs' => ['src' => 'https://example.com/a.jpg', 'alt' => 'A']], + ])); + + $this->assertStringContainsString('src="https://example.com/a.jpg"', $html); + } + + #[Test] + public function it_renders_a_gallery_file_and_video(): void + { + $user = $this->userWith(['view_media']); + $first = $this->libraryMedia($user); + $report = $this->libraryMedia($user, 'test.pdf', 'ރިޕޯޓް'); + $video = $this->libraryMedia($user, 'test.mp4'); + + $html = BlockEditor::render($this->doc([ + ['type' => 'gallery', 'attrs' => ['columns' => 2, 'items' => [ + ['id' => $first->id, 'src' => '/old.jpg'], + ['id' => null, 'src' => 'https://example.com/b.jpg', 'alt' => 'B'], + ]]], + ['type' => 'file', 'attrs' => ['mediaId' => $report->id, 'href' => '/old.pdf']], + ['type' => 'mediaVideo', 'attrs' => ['mediaId' => $video->id, 'src' => '/old.mp4', 'autoplay' => true]], + ])); + + $this->assertStringContainsString('--mp-gallery-columns: 2', $html); + $this->assertStringContainsString('href="' . $first->getUrl() . '"', $html); + $this->assertStringContainsString('src="https://example.com/b.jpg"', $html); + $this->assertStringContainsString('href="' . $report->getUrl() . '" download', $html); + $this->assertStringContainsString('ރިޕޯޓް', $html); + $this->assertStringContainsString('src="' . $video->getUrl() . '"', $html); + $this->assertStringContainsString(' autoplay', $html); + $this->assertStringContainsString(' muted', $html); + } + + #[Test] + public function it_drops_unsafe_urls(): void + { + $document = BlockEditor::sanitize($this->doc([ + ['type' => 'image', 'attrs' => ['src' => 'javascript:alert(1)']], + ['type' => 'file', 'attrs' => ['href' => 'javascript:alert(1)']], + ['type' => 'gallery', 'attrs' => ['items' => [['src' => 'javascript:alert(1)']]]], + ])); + + $this->assertEquals([], $document->toArray()['content'] ?? []); + } + + #[Test] + public function it_only_accepts_media_the_editor_may_see(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $own = $this->libraryMedia($user); + $others = $this->libraryMedia($this->userWith([])); + + $validate = fn (int $id) => Validator::make( + ['body' => $this->doc([['type' => 'image', 'attrs' => ['mediaId' => $id, 'src' => '/storage/a.jpg']]])], + ['body' => [new BlockContent]], + )->passes(); + + $this->assertTrue($validate($own->id)); + $this->assertFalse($validate($others->id)); + } + + protected function withoutBlocks($app): void + { + $app['config']->set('mediapicker.blocks', false); + } + + #[Test] + #[DefineEnvironment('withoutBlocks')] + public function the_blocks_can_be_turned_off(): void + { + $this->assertFalse(BlockEditor::has('gallery')); + $this->assertNotInstanceOf(Image::class, BlockEditor::get('image')); + } +} diff --git a/tests/TestCase.php b/tests/TestCase.php index 3627d14..c55158e 100644 --- a/tests/TestCase.php +++ b/tests/TestCase.php @@ -7,6 +7,7 @@ use Illuminate\Support\Facades\File; use Illuminate\Support\Facades\View; use Inertia\ServiceProvider as InertiaServiceProvider; +use Javaabu\BlockEditor\BlockEditorServiceProvider; use Javaabu\Forms\FormsServiceProvider; use Javaabu\Manifest\ManifestServiceProvider; use Javaabu\Mediapicker\MediapickerServiceProvider; @@ -59,6 +60,7 @@ protected function getPackageProviders($app): array ManifestServiceProvider::class, FormsServiceProvider::class, StencilServiceProvider::class, + BlockEditorServiceProvider::class, MediaLibraryServiceProvider::class, InertiaServiceProvider::class, MediapickerServiceProvider::class, diff --git a/tests/js/blocks.test.tsx b/tests/js/blocks.test.tsx new file mode 100644 index 0000000..86af021 --- /dev/null +++ b/tests/js/blocks.test.tsx @@ -0,0 +1,109 @@ +import { render } from "@testing-library/react" +import { fireEvent, screen, waitFor, within } from "@testing-library/dom" +import { createBlockEditor, getBlock, type EditorConfig } from "@javaabu/block-editor" +import { afterEach, describe, expect, it, vi } from "vitest" + +import { + file, + gallery, + GalleryRender, + image, + ImageRender, + mediaVideo, + VideoRender, + FileRender, +} from "../../resources/js/blocks" +import config from "./fixtures/editor-config.json" +import { mediaItem, page } from "./support/fixtures" + +afterEach(() => { + document.body.innerHTML = "" + vi.unstubAllGlobals() +}) + +describe("registration", () => { + it("registers the media blocks, replacing the core image", () => { + expect(getBlock("image")).toBe(image) + expect(getBlock("gallery")).toBe(gallery) + expect(getBlock("file")).toBe(file) + expect(getBlock("mediaVideo")).toBe(mediaVideo) + }) +}) + +describe("React renderers", () => { + it("render the same markup as the Blade views", () => { + const { container } = render( + <> + + + + + , + ) + + expect(container.querySelector("figure.mp-block-image img")).toHaveAttribute("width", "340") + expect(container.querySelector("figure.mp-block-image figcaption")).toHaveTextContent("ހުޅުމާލެ") + expect(container.querySelector(".mp-block-gallery")).toHaveStyle("--mp-gallery-columns: 2") + expect(container.querySelector(".mp-block-gallery a")).toHaveAttribute("href", "/a.jpg") + expect(container.querySelector(".mp-block-file a")).toHaveTextContent("ރިޕޯޓް") + const video = container.querySelector("video") as HTMLVideoElement + expect(video.autoplay).toBe(true) + expect(video.muted).toBe(true) + }) +}) + +describe("in the editor", () => { + it("previews a gallery and picks again from the library", async () => { + const fetch = vi.fn().mockResolvedValue( + new Response(JSON.stringify(page([mediaItem({ id: 5 }), mediaItem({ id: 6 })])), { + headers: { "Content-Type": "application/json" }, + }), + ) + vi.stubGlobal("fetch", fetch) + + const element = document.createElement("div") + document.body.append(element) + let value: unknown = null + + const instance = createBlockEditor(element, { + config: config as unknown as EditorConfig, + content: { + type: "doc", + content: [ + { + type: "gallery", + attrs: { columns: 3, items: [{ id: 1, src: "/a.jpg", thumb: "/a-thumb.jpg", alt: "A" }] }, + }, + ], + }, + onChange: (doc) => (value = doc), + }) + + const preview = await waitFor(() => element.querySelector(".mp-block-gallery") as HTMLElement) + expect(preview.querySelector("img")).toHaveAttribute("src", "/a-thumb.jpg") + + fireEvent.click(within(preview).getByRole("button", { name: /Change/ })) + + const dialog = await screen.findByRole("dialog", { name: "Choose images" }) + expect(fetch.mock.calls[0]?.[0]).toContain("http://localhost/media?") + + fireEvent.click(await within(dialog).findByTitle("ބީޗް 6")) + fireEvent.click(within(dialog).getByRole("button", { name: "Choose" })) + + await waitFor(() => expect(JSON.stringify(value)).toContain('"id":6')) + const items = (value as { content: Array<{ attrs: { items: Array<{ id: number; src: string }> } }> }).content[0] + ?.attrs.items + expect(items?.map((item) => [item.id, item.src])).toEqual([ + [1, "/a.jpg"], + [6, "/storage/6/beach.jpg"], + ]) + + instance.destroy() + }) +}) diff --git a/tests/js/fixtures/editor-config.json b/tests/js/fixtures/editor-config.json new file mode 100644 index 0000000..066b199 --- /dev/null +++ b/tests/js/fixtures/editor-config.json @@ -0,0 +1,1801 @@ +{ + "version": 1, + "profile": "default", + "locale": "en", + "blocks": [ + { + "name": "paragraph", + "title": "Text", + "description": "A plain paragraph", + "group": "block", + "content": "inline*", + "marks": null, + "insertable": true, + "category": "text", + "icon": "pilcrow", + "keywords": ["text", "p"], + "attributes": { + "textAlign": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "start", + "label": "Start" + }, + { + "value": "center", + "label": "Center" + }, + { + "value": "end", + "label": "End" + } + ] + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "heading", + "title": "Heading", + "description": "A section heading", + "group": "block", + "content": "inline*", + "marks": null, + "insertable": true, + "category": "text", + "icon": "heading", + "keywords": ["title", "h1", "h2", "h3", "h4"], + "attributes": { + "level": { + "type": "enum", + "default": 1, + "editable": false, + "options": [ + { + "value": "1", + "label": "1" + }, + { + "value": "2", + "label": "2" + }, + { + "value": "3", + "label": "3" + }, + { + "value": "4", + "label": "4" + }, + { + "value": "5", + "label": "5" + }, + { + "value": "6", + "label": "6" + } + ] + }, + "textAlign": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "start", + "label": "Start" + }, + { + "value": "center", + "label": "Center" + }, + { + "value": "end", + "label": "End" + } + ] + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "bulletList", + "title": "Bulleted list", + "description": "A list with bullets", + "group": "block", + "content": "listItem+", + "marks": null, + "insertable": true, + "category": "text", + "icon": "list", + "keywords": ["bullet", "list", "ul", "unordered"], + "attributes": { + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "orderedList", + "title": "Numbered list", + "description": "A list with numbers", + "group": "block", + "content": "listItem+", + "marks": null, + "insertable": true, + "category": "text", + "icon": "list-ordered", + "keywords": ["numbered", "ordered", "list", "ol"], + "attributes": { + "start": { + "type": "integer", + "default": 1, + "editable": true, + "input": "number", + "label": "Start at", + "required": false, + "thaana": false, + "min": 0 + }, + "type": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "1", + "label": "1" + }, + { + "value": "a", + "label": "A" + }, + { + "value": "A", + "label": "A" + }, + { + "value": "i", + "label": "I" + }, + { + "value": "I", + "label": "I" + } + ] + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "listItem", + "title": "List item", + "description": "", + "group": "", + "content": "paragraph block*", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": {} + }, + { + "name": "blockquote", + "title": "Quote", + "description": "A quotation", + "group": "block", + "content": "block+", + "marks": null, + "insertable": true, + "category": "text", + "icon": "quote", + "keywords": ["quote", "citation"], + "attributes": { + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "callout", + "title": "Callout", + "description": "A highlighted note", + "group": "block", + "content": "inline*", + "marks": null, + "insertable": true, + "category": "text", + "icon": "info", + "keywords": ["note", "notice", "alert", "warning", "tip"], + "attributes": { + "variant": { + "type": "enum", + "default": "info", + "editable": true, + "input": "select", + "label": "Style", + "required": true, + "thaana": false, + "options": [ + { + "value": "info", + "label": "Information" + }, + { + "value": "success", + "label": "Success" + }, + { + "value": "warning", + "label": "Warning" + }, + { + "value": "error", + "label": "Error" + } + ] + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "codeBlock", + "title": "Code", + "description": "A code snippet", + "group": "block", + "content": "text*", + "marks": [], + "insertable": true, + "category": "text", + "icon": "code", + "keywords": ["code", "snippet", "pre"], + "attributes": { + "language": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Language", + "required": false, + "thaana": false, + "max": 32 + } + } + }, + { + "name": "table", + "title": "Table", + "description": "Rows and columns", + "group": "block", + "content": "tableRow+", + "marks": null, + "insertable": true, + "category": "text", + "icon": "table", + "keywords": ["grid", "rows", "columns", "spreadsheet"], + "attributes": { + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "tableRow", + "title": "Table row", + "description": "", + "group": "", + "content": "(tableCell | tableHeader)*", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": {} + }, + { + "name": "tableHeader", + "title": "Table header cell", + "description": "", + "group": "", + "content": "block+", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": { + "colspan": { + "type": "integer", + "default": 1, + "editable": false + }, + "rowspan": { + "type": "integer", + "default": 1, + "editable": false + }, + "colwidth": { + "type": "json", + "default": null, + "editable": false + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "tableCell", + "title": "Table cell", + "description": "", + "group": "", + "content": "block+", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": { + "colspan": { + "type": "integer", + "default": 1, + "editable": false + }, + "rowspan": { + "type": "integer", + "default": 1, + "editable": false + }, + "colwidth": { + "type": "json", + "default": null, + "editable": false + }, + "dir": { + "type": "enum", + "default": null, + "editable": false, + "options": [ + { + "value": "ltr", + "label": "Ltr" + }, + { + "value": "rtl", + "label": "Rtl" + } + ] + } + } + }, + { + "name": "horizontalRule", + "title": "Divider", + "description": "A line between sections", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "text", + "icon": "minus", + "keywords": ["divider", "separator", "rule", "hr", "line"], + "attributes": {} + }, + { + "name": "image", + "title": "Image", + "description": "An image from the media library", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "media", + "icon": "image", + "keywords": ["photo", "picture", "img", "figure", "media"], + "attributes": { + "mediaId": { + "type": "integer", + "default": null, + "editable": false + }, + "src": { + "type": "url", + "default": null, + "editable": false + }, + "width": { + "type": "integer", + "default": null, + "editable": false + }, + "height": { + "type": "integer", + "default": null, + "editable": false + }, + "alt": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Alt text", + "help": "Describes the image for people who can't see it.", + "required": false, + "thaana": true, + "max": 255 + }, + "caption": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Caption", + "required": false, + "thaana": true, + "max": 500 + }, + "link": { + "type": "url", + "default": null, + "editable": true, + "input": "url", + "label": "Link", + "required": false, + "thaana": false + } + }, + "mediapicker": { + "url": "http://localhost/media", + "types": [ + { + "value": "image", + "label": "Image", + "icon": "image" + }, + { + "value": "video", + "label": "Video", + "icon": "film" + }, + { + "value": "audio", + "label": "Audio", + "icon": "music" + }, + { + "value": "document", + "label": "Document", + "icon": "file-text" + }, + { + "value": "archive", + "label": "Archive", + "icon": "file-archive" + } + ], + "accept": "image/jpeg,image/png,image/gif,image/webp,image/avif,video/mp4,video/webm,video/ogg,video/quicktime,audio/mpeg,audio/mp3,audio/wav,audio/x-wav,audio/ogg,audio/mp4,audio/aac,audio/webm,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,text/csv,application/zip,application/x-zip-compressed", + "max_size": 10240, + "crop_presets": [ + { + "name": "square", + "label": "Square", + "aspect": 1 + }, + { + "name": "wide", + "label": "Wide (16:9)", + "aspect": 1.7777777777777777 + }, + { + "name": "landscape", + "label": "Landscape (4:3)", + "aspect": 1.3333333333333333 + }, + { + "name": "portrait", + "label": "Portrait (3:4)", + "aspect": 0.75 + }, + { + "name": "free", + "label": "Free", + "aspect": null + } + ], + "strings": { + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." + } + } + }, + { + "name": "embed", + "title": "Video", + "description": "A YouTube or Vimeo video", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "embed", + "icon": "play", + "keywords": ["video", "youtube", "vimeo", "iframe"], + "attributes": { + "src": { + "type": "url", + "default": null, + "editable": true, + "input": "url", + "label": "URL", + "required": true, + "thaana": false + }, + "title": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Title", + "required": false, + "thaana": true, + "max": 255 + } + } + }, + { + "name": "button", + "title": "Button", + "description": "A button that opens a link", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "advanced", + "icon": "mouse-pointer-click", + "keywords": ["link", "call to action", "cta"], + "attributes": { + "text": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Text", + "required": true, + "thaana": true, + "max": 100 + }, + "url": { + "type": "url", + "default": null, + "editable": true, + "input": "url", + "label": "Link", + "required": true, + "thaana": false + }, + "variant": { + "type": "enum", + "default": "primary", + "editable": true, + "input": "select", + "label": "Style", + "required": true, + "thaana": false, + "options": [ + { + "value": "primary", + "label": "Primary" + }, + { + "value": "secondary", + "label": "Secondary" + }, + { + "value": "outline", + "label": "Outline" + } + ] + }, + "newTab": { + "type": "boolean", + "default": false, + "editable": true, + "input": "checkbox", + "label": "Open in a new tab", + "required": false, + "thaana": false + }, + "align": { + "type": "enum", + "default": "start", + "editable": true, + "input": "select", + "label": "Alignment", + "required": true, + "thaana": false, + "options": [ + { + "value": "start", + "label": "Start" + }, + { + "value": "center", + "label": "Center" + }, + { + "value": "end", + "label": "End" + } + ] + } + } + }, + { + "name": "columns", + "title": "Columns", + "description": "Blocks side by side", + "group": "block", + "content": "column{1,6}", + "marks": null, + "insertable": true, + "category": "layout", + "icon": "columns", + "keywords": ["layout", "grid", "row", "side by side"], + "attributes": { + "layout": { + "type": "enum", + "default": "1-1", + "editable": true, + "input": "select", + "label": "Layout", + "required": true, + "thaana": false, + "options": [ + { + "value": "1-1", + "label": "50 / 50" + }, + { + "value": "1-2", + "label": "33 / 67" + }, + { + "value": "2-1", + "label": "67 / 33" + }, + { + "value": "1-1-1", + "label": "33 / 33 / 33" + }, + { + "value": "1-2-1", + "label": "25 / 50 / 25" + }, + { + "value": "2-1-1", + "label": "50 / 25 / 25" + }, + { + "value": "1-1-2", + "label": "25 / 25 / 50" + }, + { + "value": "1-1-1-1", + "label": "25 / 25 / 25 / 25" + } + ] + }, + "stackAt": { + "type": "enum", + "default": "md", + "editable": true, + "input": "select", + "label": "Stack the columns", + "required": true, + "thaana": false, + "options": [ + { + "value": "sm", + "label": "On phones" + }, + { + "value": "md", + "label": "On tablets and phones" + }, + { + "value": "lg", + "label": "Below desktop width" + }, + { + "value": "never", + "label": "Never" + } + ] + }, + "gap": { + "type": "enum", + "default": "md", + "editable": true, + "input": "select", + "label": "Gap", + "required": true, + "thaana": false, + "options": [ + { + "value": "none", + "label": "None" + }, + { + "value": "sm", + "label": "Small" + }, + { + "value": "md", + "label": "Medium" + }, + { + "value": "lg", + "label": "Large" + } + ] + }, + "verticalAlign": { + "type": "enum", + "default": "stretch", + "editable": true, + "input": "select", + "label": "Vertical alignment", + "required": true, + "thaana": false, + "options": [ + { + "value": "stretch", + "label": "Stretch" + }, + { + "value": "start", + "label": "Start" + }, + { + "value": "center", + "label": "Center" + }, + { + "value": "end", + "label": "End" + } + ] + } + } + }, + { + "name": "column", + "title": "Column", + "description": "", + "group": "", + "content": "block+", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": {} + }, + { + "name": "html", + "title": "HTML", + "description": "Custom HTML, sanitized", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "advanced", + "icon": "code-xml", + "keywords": ["html", "markup", "raw", "custom"], + "attributes": { + "html": { + "type": "text", + "default": null, + "editable": true, + "input": "code", + "label": "HTML", + "required": true, + "thaana": false + } + } + }, + { + "name": "hardBreak", + "title": "Line break", + "description": "", + "group": "inline", + "content": "", + "marks": null, + "insertable": false, + "category": "text", + "icon": "square", + "keywords": [], + "attributes": {} + }, + { + "name": "gallery", + "title": "Gallery", + "description": "Images from the media library in a grid", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "media", + "icon": "images", + "keywords": ["photos", "images", "grid", "album", "media"], + "attributes": { + "items": { + "type": "json", + "default": null, + "editable": false + }, + "columns": { + "type": "integer", + "default": 3, + "editable": true, + "input": "number", + "label": "Columns", + "required": false, + "thaana": false, + "min": 1, + "max": 6 + }, + "caption": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Caption", + "required": false, + "thaana": true, + "max": 500 + } + }, + "mediapicker": { + "url": "http://localhost/media", + "types": [ + { + "value": "image", + "label": "Image", + "icon": "image" + }, + { + "value": "video", + "label": "Video", + "icon": "film" + }, + { + "value": "audio", + "label": "Audio", + "icon": "music" + }, + { + "value": "document", + "label": "Document", + "icon": "file-text" + }, + { + "value": "archive", + "label": "Archive", + "icon": "file-archive" + } + ], + "accept": "image/jpeg,image/png,image/gif,image/webp,image/avif,video/mp4,video/webm,video/ogg,video/quicktime,audio/mpeg,audio/mp3,audio/wav,audio/x-wav,audio/ogg,audio/mp4,audio/aac,audio/webm,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,text/csv,application/zip,application/x-zip-compressed", + "max_size": 10240, + "crop_presets": [ + { + "name": "square", + "label": "Square", + "aspect": 1 + }, + { + "name": "wide", + "label": "Wide (16:9)", + "aspect": 1.7777777777777777 + }, + { + "name": "landscape", + "label": "Landscape (4:3)", + "aspect": 1.3333333333333333 + }, + { + "name": "portrait", + "label": "Portrait (3:4)", + "aspect": 0.75 + }, + { + "name": "free", + "label": "Free", + "aspect": null + } + ], + "strings": { + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." + } + } + }, + { + "name": "file", + "title": "File", + "description": "A file from the media library to download", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "media", + "icon": "file-text", + "keywords": ["download", "document", "pdf", "attachment", "media"], + "attributes": { + "mediaId": { + "type": "integer", + "default": null, + "editable": false + }, + "href": { + "type": "url", + "default": null, + "editable": false + }, + "fileName": { + "type": "string", + "default": null, + "editable": false + }, + "size": { + "type": "string", + "default": null, + "editable": false + }, + "mimeType": { + "type": "string", + "default": null, + "editable": false + }, + "label": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Label", + "required": false, + "thaana": true, + "max": 255 + } + }, + "mediapicker": { + "url": "http://localhost/media", + "types": [ + { + "value": "image", + "label": "Image", + "icon": "image" + }, + { + "value": "video", + "label": "Video", + "icon": "film" + }, + { + "value": "audio", + "label": "Audio", + "icon": "music" + }, + { + "value": "document", + "label": "Document", + "icon": "file-text" + }, + { + "value": "archive", + "label": "Archive", + "icon": "file-archive" + } + ], + "accept": "image/jpeg,image/png,image/gif,image/webp,image/avif,video/mp4,video/webm,video/ogg,video/quicktime,audio/mpeg,audio/mp3,audio/wav,audio/x-wav,audio/ogg,audio/mp4,audio/aac,audio/webm,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,text/csv,application/zip,application/x-zip-compressed", + "max_size": 10240, + "crop_presets": [ + { + "name": "square", + "label": "Square", + "aspect": 1 + }, + { + "name": "wide", + "label": "Wide (16:9)", + "aspect": 1.7777777777777777 + }, + { + "name": "landscape", + "label": "Landscape (4:3)", + "aspect": 1.3333333333333333 + }, + { + "name": "portrait", + "label": "Portrait (3:4)", + "aspect": 0.75 + }, + { + "name": "free", + "label": "Free", + "aspect": null + } + ], + "strings": { + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." + } + } + }, + { + "name": "mediaVideo", + "title": "Video file", + "description": "A video from the media library", + "group": "block", + "content": "", + "marks": null, + "insertable": true, + "category": "media", + "icon": "film", + "keywords": ["video", "movie", "clip", "mp4", "media"], + "attributes": { + "mediaId": { + "type": "integer", + "default": null, + "editable": false + }, + "src": { + "type": "url", + "default": null, + "editable": false + }, + "mimeType": { + "type": "string", + "default": null, + "editable": false + }, + "caption": { + "type": "string", + "default": null, + "editable": true, + "input": "text", + "label": "Caption", + "required": false, + "thaana": true, + "max": 500 + }, + "controls": { + "type": "boolean", + "default": true, + "editable": true, + "input": "checkbox", + "label": "Controls", + "required": false, + "thaana": false + }, + "autoplay": { + "type": "boolean", + "default": false, + "editable": true, + "input": "checkbox", + "label": "Autoplay", + "required": false, + "thaana": false + }, + "loop": { + "type": "boolean", + "default": false, + "editable": true, + "input": "checkbox", + "label": "Loop", + "required": false, + "thaana": false + }, + "muted": { + "type": "boolean", + "default": false, + "editable": true, + "input": "checkbox", + "label": "Muted", + "required": false, + "thaana": false + } + }, + "mediapicker": { + "url": "http://localhost/media", + "types": [ + { + "value": "image", + "label": "Image", + "icon": "image" + }, + { + "value": "video", + "label": "Video", + "icon": "film" + }, + { + "value": "audio", + "label": "Audio", + "icon": "music" + }, + { + "value": "document", + "label": "Document", + "icon": "file-text" + }, + { + "value": "archive", + "label": "Archive", + "icon": "file-archive" + } + ], + "accept": "image/jpeg,image/png,image/gif,image/webp,image/avif,video/mp4,video/webm,video/ogg,video/quicktime,audio/mpeg,audio/mp3,audio/wav,audio/x-wav,audio/ogg,audio/mp4,audio/aac,audio/webm,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,text/plain,text/csv,application/zip,application/x-zip-compressed", + "max_size": 10240, + "crop_presets": [ + { + "name": "square", + "label": "Square", + "aspect": 1 + }, + { + "name": "wide", + "label": "Wide (16:9)", + "aspect": 1.7777777777777777 + }, + { + "name": "landscape", + "label": "Landscape (4:3)", + "aspect": 1.3333333333333333 + }, + { + "name": "portrait", + "label": "Portrait (3:4)", + "aspect": 0.75 + }, + { + "name": "free", + "label": "Free", + "aspect": null + } + ], + "strings": { + "media_library": "Media library", + "upload": "Upload", + "upload_media": "Upload media", + "upload_files": "Upload files", + "uploading": "Uploading…", + "upload_failed": "The upload failed.", + "drop_files": "Drop files here or choose them", + "choose_files": "Choose files", + "max_size": "Up to :size each", + "search": "Search", + "search_media": "Search media", + "type": "Type", + "all_types": "All types", + "uploaded_by": "Uploaded by", + "anyone": "Anyone", + "only_mine": "Only mine", + "from": "From", + "to": "To", + "sort_by": "Sort by", + "newest": "Newest", + "oldest": "Oldest", + "name_a_z": "Name (A–Z)", + "largest": "Largest", + "filter": "Filter", + "reset": "Reset", + "grid": "Grid", + "list": "List", + "no_media": "No media yet", + "no_matching_media": "No media matches these filters.", + "load_more": "Load more", + "select": "Select", + "select_all": "Select all", + "selected": ":count selected", + "clear_selection": "Clear selection", + "insert": "Insert", + "choose": "Choose", + "choose_media": "Choose media", + "choose_image": "Choose an image", + "choose_images": "Choose images", + "choose_file": "Choose a file", + "choose_video": "Choose a video", + "change": "Change", + "remove": "Remove", + "cancel": "Cancel", + "close": "Close", + "save": "Save", + "saving": "Saving…", + "saved": "Saved", + "edit": "Edit", + "view": "View", + "delete": "Delete", + "delete_selected": "Delete selected", + "delete_confirm": "Delete this file? Pages that use it will lose it.", + "delete_many_confirm": "Delete the selected files? Pages that use them will lose them.", + "details": "Details", + "name": "Name", + "description": "Description", + "alt": "Alt text", + "alt_help": "Describes the image for people who can't see it.", + "caption": "Caption", + "file_name": "File name", + "file_type": "File type", + "file_size": "File size", + "dimensions": "Dimensions", + "uploaded_at": "Uploaded", + "url": "URL", + "copy_url": "Copy URL", + "copied": "Copied", + "download": "Download", + "open": "Open", + "preview": "Preview", + "crop": "Crop", + "crops": "Crops", + "crop_image": "Crop image", + "crop_help": "Crops don't change the original. Images that use a crop are made again from it.", + "save_crop": "Save crop", + "aspect_ratio": "Aspect ratio", + "not_cropped": "Not cropped: the whole image is used", + "cropped": "Cropped", + "rotate_left": "Rotate left", + "rotate_right": "Rotate right", + "zoom": "Zoom", + "back_to_library": "Back to the library", + "no_selection": "Nothing chosen", + "image": "Image", + "gallery": "Gallery", + "file": "File", + "video": "Video", + "columns": "Columns", + "link": "Link", + "size": "Size", + "autoplay": "Autoplay", + "loop": "Loop", + "muted": "Muted", + "controls": "Controls", + "label": "Label", + "move_up": "Move up", + "move_down": "Move down", + "error": "Something went wrong. Try again." + } + } + } + ], + "marks": [ + { + "name": "bold", + "title": "Bold", + "attributes": {} + }, + { + "name": "italic", + "title": "Italic", + "attributes": {} + }, + { + "name": "underline", + "title": "Underline", + "attributes": {} + }, + { + "name": "strike", + "title": "Strikethrough", + "attributes": {} + }, + { + "name": "code", + "title": "Code", + "attributes": {} + }, + { + "name": "link", + "title": "Link", + "attributes": { + "href": { + "type": "url", + "default": null, + "editable": true, + "input": "url", + "label": "URL", + "required": true, + "thaana": false + }, + "target": { + "type": "enum", + "default": null, + "editable": true, + "input": "select", + "label": "Open in a new tab", + "required": false, + "thaana": false, + "options": [ + { + "value": "_blank", + "label": "Yes" + } + ] + } + } + } + ], + "strings": { + "label": "Content", + "placeholder": "Type / for blocks", + "headingPlaceholder": "Heading :level", + "emptyBlockPlaceholder": "Type something", + "toolbar": "Formatting", + "turnInto": "Block type", + "bold": "Bold", + "italic": "Italic", + "underline": "Underline", + "strike": "Strikethrough", + "code": "Code", + "link": "Link", + "alignStart": "Align to the start", + "alignCenter": "Align to the center", + "alignEnd": "Align to the end", + "undo": "Undo", + "redo": "Redo", + "thaana": "Type Thaana", + "linkUrl": "Link URL", + "linkNewTab": "Open in a new tab", + "linkApply": "Apply", + "linkRemove": "Remove link", + "linkInvalid": "Use an http(s), mailto or tel link.", + "addBlock": "Add a block", + "searchBlocks": "Search blocks", + "noBlocks": "No matching blocks", + "blockActions": "Block actions (:block)", + "dragBlock": "Drag to move, or press Enter for actions", + "settings": "Settings", + "moveUp": "Move up", + "moveDown": "Move down", + "duplicate": "Duplicate", + "delete": "Delete", + "blockMoved": "Moved to position :position", + "blockDeleted": "Block deleted", + "blockInserted": ":block added", + "close": "Close", + "blockSettings": ":block settings", + "categories": { + "text": "Text", + "media": "Media", + "embed": "Embeds", + "layout": "Layout", + "advanced": "Advanced" + }, + "headingLevel": "Heading :level", + "table": "Table", + "addRowBefore": "Add a row above", + "addRowAfter": "Add a row below", + "addColumnBefore": "Add a column before", + "addColumnAfter": "Add a column after", + "deleteRow": "Delete the row", + "deleteColumn": "Delete the column", + "toggleHeaderRow": "Header row", + "deleteTable": "Delete the table", + "column": "Column :number", + "imageEmpty": "Add the image link in the settings", + "embedEmpty": "Add the video link in the settings", + "embedPreview": "Video: :url", + "buttonEmpty": "Set the button text and link in the settings", + "htmlEmpty": "Write the HTML in the settings", + "genericEmpty": "Set this block up in the settings", + "editSettings": "Edit settings", + "embeddedContent": "Embedded content", + "errors": "This block has errors", + "required": ":field is required." + }, + "thaana": { + "enabled": true, + "default_on": null, + "keymap": "phonetic", + "shortcut": "Alt-Shift-t" + } +} diff --git a/tests/js/pages.test.tsx b/tests/js/pages.test.tsx new file mode 100644 index 0000000..73954fe --- /dev/null +++ b/tests/js/pages.test.tsx @@ -0,0 +1,149 @@ +import { fireEvent, render, screen } from "@testing-library/react" +import { beforeEach, describe, expect, it, vi } from "vitest" + +import Create from "../../resources/js/Pages/Media/Create" +import Edit from "../../resources/js/Pages/Media/Edit" +import Index from "../../resources/js/Pages/Media/Index" +import Show from "../../resources/js/Pages/Media/Show" +import { withDefaults } from "../../resources/js/strings" +import type { LibraryPageProps, MediaIndexProps } from "../../resources/js/types" +import { mediaItem, page } from "./support/fixtures" + +const inertia = vi.hoisted(() => ({ + props: {} as Record, + get: vi.fn(), + put: vi.fn(), + delete: vi.fn(), +})) + +vi.mock("@inertiajs/react", () => ({ + usePage: () => ({ props: inertia.props }), + router: { get: inertia.get, put: inertia.put, delete: inertia.delete }, + Link: ({ href, children, ...props }: { href: string; children: React.ReactNode }) => ( + + {children} + + ), +})) + +vi.mock("@javaabu/stencil", () => ({ + StencilForm: () =>
    , +})) + +beforeEach(() => { + inertia.props = {} + vi.clearAllMocks() +}) + +function base(overrides: Partial = {}): LibraryPageProps { + return { + title: "Media library", + can: { create: true, view_others: true, update: true, delete: true }, + urls: { + index: "/media", + create: "/media/create", + store: "/media", + bulk: "/media", + show: "/media/1", + edit: "/media/1/edit", + update: "/media/1", + destroy: "/media/1", + }, + file_types: [ + { value: "image", label: "Image", icon: "image" }, + { value: "document", label: "Document", icon: "file-text" }, + ], + upload: { accept: "image/jpeg", max_size: 10240 }, + crop_presets: [{ name: "wide", label: "Wide (16:9)", aspect: 16 / 9 }], + translatable: false, + strings: withDefaults(), + ...overrides, + } +} + +function indexProps(): MediaIndexProps { + return { + ...base(), + media_items: page([mediaItem({ id: 1 }), mediaItem({ id: 2, can: { update: false, delete: false } })], 1, 3), + filters: { + search: null, + type: [], + owner: null, + date_from: null, + date_to: null, + orderby: "created_at", + order: "desc", + per_page: 24, + view: "grid", + }, + } +} + +describe("Media/Index", () => { + it("shows the library with upload and filters", () => { + inertia.props = { flash: { success: "ފައިލު ފޮހެވިއްޖެ." } } + render() + + expect(screen.getByRole("heading", { name: "Media library" })).toBeInTheDocument() + expect(screen.getByText("ފައިލު ފޮހެވިއްޖެ.")).toBeInTheDocument() + expect(screen.getByText("ބީޗް 1")).toBeInTheDocument() + expect(screen.getByRole("link", { name: /Upload media/ })).toHaveAttribute("href", "/media/create") + expect(screen.getByRole("link", { name: "Edit: ބީޗް 1" })).toHaveAttribute("href", "/media/1/edit") + expect(screen.getByRole("link", { name: "View: ބީޗް 2" })).toHaveAttribute("href", "/media/2") + }) + + it("filters by type through the query string", () => { + render() + + fireEvent.change(screen.getByRole("combobox", { name: "Type" }), { target: { value: "document" } }) + + expect(inertia.get).toHaveBeenCalledWith( + "/media", + expect.objectContaining({ type: ["document"] }), + expect.anything(), + ) + }) + + it("bulk deletes the selected media the user may delete", () => { + vi.spyOn(window, "confirm").mockReturnValue(true) + render() + + fireEvent.click(screen.getByRole("button", { name: /ބީޗް 1/, pressed: false })) + fireEvent.click(screen.getByRole("button", { name: /Delete selected/ })) + + expect(inertia.put).toHaveBeenCalledWith("/media", { action: "delete", media: [1] }, expect.anything()) + }) +}) + +describe("Media/Show, Edit and Create", () => { + it("shows a media's details", () => { + render() + + expect(screen.getByText("ފޮޓޯ: އަޙްމަދު")).toBeInTheDocument() + expect(screen.getByText("340 × 280")).toBeInTheDocument() + expect(screen.getByRole("textbox", { name: "URL" })).toHaveValue("/storage/1/beach.jpg") + }) + + it("edits a media with the stencil form and the cropper", () => { + const { container } = render() + + expect(screen.getByTestId("details-form")).toBeInTheDocument() + expect(container.querySelector(".mp-cropper__presets")).not.toBeNull() + expect(screen.getByRole("button", { name: "Wide (16:9)" })).toHaveAttribute("aria-pressed", "true") + }) + + it("has no cropper for documents", () => { + const { container } = render( + , + ) + + expect(container.querySelector(".mp-cropper")).toBeNull() + }) + + it("uploads files", () => { + render() + + expect(screen.getByText("Drop files here or choose them")).toBeInTheDocument() + expect(screen.getByText("Up to 10 MB each")).toBeInTheDocument() + }) +}) diff --git a/tests/js/picker.test.ts b/tests/js/picker.test.ts index e15d316..3c6fd6e 100644 --- a/tests/js/picker.test.ts +++ b/tests/js/picker.test.ts @@ -95,7 +95,14 @@ describe("openMediaPicker", () => { describe("the Blade picker field", () => { function field(config: Partial) { - const full: PickerFieldConfig = { name: "gallery[]", multiple: true, type: ["image"], url: "/media", value: [], ...config } + const full: PickerFieldConfig = { + name: "gallery[]", + multiple: true, + type: ["image"], + url: "/media", + value: [], + ...config, + } document.body.innerHTML = `
    diff --git a/tests/js/react.test.tsx b/tests/js/react.test.tsx index 25f9e94..6d681ec 100644 --- a/tests/js/react.test.tsx +++ b/tests/js/react.test.tsx @@ -7,13 +7,27 @@ import { withDefaults } from "../../resources/js/strings" import type { MediaItem } from "../../resources/js/types" import { fakeClient, mediaItem } from "./support/fixtures" -function Controlled({ multiple = false, initial = null }: { multiple?: boolean; initial?: MediaItem | MediaItem[] | null }) { +function Controlled({ + multiple = false, + initial = null, +}: { + multiple?: boolean + initial?: MediaItem | MediaItem[] | null +}) { const { client } = fakeClient([mediaItem({ id: 1 }), mediaItem({ id: 2 })]) const [value, setValue] = useState(initial) return ( - + ) } @@ -22,9 +36,9 @@ const submitted = () => Array.from(new FormData(screen.getByTestId("form") as HT describe("MediaPicker", () => { it("chooses media in the library dialog", async () => { - render() + const { container } = render() - expect(screen.getByText("Nothing chosen")).toBeInTheDocument() + expect(container.querySelector(".mp-field__empty")).toHaveTextContent("Nothing chosen") expect(submitted()).toEqual([["featured", ""]]) fireEvent.click(screen.getByRole("button", { name: /Choose/ })) @@ -34,7 +48,7 @@ describe("MediaPicker", () => { fireEvent.click(within(dialog).getByRole("button", { name: "Choose" })) await waitFor(() => expect(submitted()).toEqual([["featured", "2"]])) - expect(screen.getByText("ބީޗް 2")).toBeInTheDocument() + expect(container.querySelector(".mp-field__item .mp-name")).toHaveTextContent("ބީޗް 2") }) it("reorders and removes several", () => { @@ -50,7 +64,14 @@ describe("MediaPicker", () => { describe("MediaPickerField", () => { it("takes the library from the provider and shows a label", () => { - const config = { url: "/admin/media", types: [], accept: "image/*", max_size: 1024, crop_presets: [], strings: withDefaults({ choose: "ހޮވާ" }) } + const config = { + url: "/admin/media", + types: [], + accept: "image/*", + max_size: 1024, + crop_presets: [], + strings: withDefaults({ choose: "ހޮވާ" }), + } render( diff --git a/tests/js/setup.ts b/tests/js/setup.ts index bfe6f27..138c304 100644 --- a/tests/js/setup.ts +++ b/tests/js/setup.ts @@ -1,4 +1,8 @@ import "@testing-library/jest-dom/vitest" +import { cleanup } from "@testing-library/react" +import { afterEach } from "vitest" + +afterEach(() => cleanup()) // jsdom has no matchMedia; Onu's components use it for reduced motion if (!window.matchMedia) { diff --git a/tests/js/support/fixtures.ts b/tests/js/support/fixtures.ts index 430dd03..ca20da6 100644 --- a/tests/js/support/fixtures.ts +++ b/tests/js/support/fixtures.ts @@ -36,7 +36,16 @@ export function page(items: MediaItem[], current = 1, last = 1): Paginated Date: Thu, 5 Nov 2026 23:45:38 +0500 Subject: [PATCH 06/14] Optional javaabu/translatable support for media details - Name, description, alt text and caption translate with javaabu/translatable's JSON storage: a migration adds nullable translations/lang to the media table, and Models\Translatable\Media is used when translatable is on and no model is configured - Uploads, updates, the stencil details form and MediaResource take values per locale - Media::url() becomes libraryUrl(), as translatable's own url() needs the name - Feature detection also checks translatable's provider is loaded; a CI leg runs without the package - Conversion fixtures use fit(Fit::Crop) so lowest spatie/image agrees Refs #11 Co-Authored-By: Claude Opus 5.5 --- config/mediapicker.php | 11 +- ...000000_add_translations_to_media_table.php | 41 ++++++ phpunit.xml.dist | 5 + resources/views/media/partials/grid.blade.php | 2 +- resources/views/media/partials/list.blade.php | 2 +- src/Http/Controllers/MediaController.php | 8 +- src/Mediapicker.php | 8 +- src/MediapickerServiceProvider.php | 9 +- src/Models/Media.php | 6 +- src/Models/Translatable/Media.php | 37 +++++ .../Models/ModelWithConversions.php | 5 +- .../Models/ModelWithIdenticalConversions.php | 5 +- .../Models/ModelWithMultipleConversions.php | 9 +- .../Models/ModelWithSameConversions.php | 5 +- tests/Translatable/TranslatableMediaTest.php | 136 ++++++++++++++++++ 15 files changed, 258 insertions(+), 31 deletions(-) create mode 100644 database/migrations/2026_11_05_000000_add_translations_to_media_table.php create mode 100644 src/Models/Translatable/Media.php create mode 100644 tests/Translatable/TranslatableMediaTest.php diff --git a/config/mediapicker.php b/config/mediapicker.php index 66644fa..ed5d2e3 100644 --- a/config/mediapicker.php +++ b/config/mediapicker.php @@ -4,7 +4,6 @@ use Javaabu\Mediapicker\FileRemover\AttachmentFileRemover; use Javaabu\Mediapicker\Http\Controllers\MediaController; use Javaabu\Mediapicker\Models\Attachment; -use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Models\Observers\AttachmentObserver; use Javaabu\Mediapicker\Models\Observers\MediaObserver; use Javaabu\Mediapicker\Policies\MediaPolicy; @@ -16,13 +15,15 @@ | Models |-------------------------------------------------------------------------- | - | The media model must extend Javaabu\Mediapicker\Models\Media. Set it as - | spatie's media-library.media_model too. The attachment model must - | implement Javaabu\Mediapicker\Contracts\Attachment. + | The media model must extend Javaabu\Mediapicker\Models\Media; set it as + | spatie's media-library.media_model too. Null uses + | Models\Translatable\Media when javaabu/translatable is on, else + | Models\Media. The attachment model must implement + | Javaabu\Mediapicker\Contracts\Attachment. | */ - 'media_model' => Media::class, + 'media_model' => null, 'attachment_model' => Attachment::class, diff --git a/database/migrations/2026_11_05_000000_add_translations_to_media_table.php b/database/migrations/2026_11_05_000000_add_translations_to_media_table.php new file mode 100644 index 0000000..95ab982 --- /dev/null +++ b/database/migrations/2026_11_05_000000_add_translations_to_media_table.php @@ -0,0 +1,41 @@ +json('translations')->nullable(); + } + + if (! Schema::hasColumn('media', 'lang')) { + $table->string('lang')->nullable()->index(); + } + }); + } + + public function down(): void + { + if (! Schema::hasTable('media') || ! Schema::hasColumn('media', 'translations')) { + return; + } + + Schema::table('media', function (Blueprint $table) { + $table->dropIndex(['lang']); + $table->dropColumn(['translations', 'lang']); + }); + } +}; diff --git a/phpunit.xml.dist b/phpunit.xml.dist index 7dde496..a889d50 100644 --- a/phpunit.xml.dist +++ b/phpunit.xml.dist @@ -9,6 +9,11 @@ tests + tests/Translatable + + + + tests/Translatable diff --git a/resources/views/media/partials/grid.blade.php b/resources/views/media/partials/grid.blade.php index 8a8defa..7288819 100644 --- a/resources/views/media/partials/grid.blade.php +++ b/resources/views/media/partials/grid.blade.php @@ -3,7 +3,7 @@ @php($can_update = auth()->user()?->can('update', $media)) @php($can_delete = auth()->user()?->can('delete', $media))
  • - + @include('mediapicker::media.partials.thumb') {{ $media->name }} diff --git a/resources/views/media/partials/list.blade.php b/resources/views/media/partials/list.blade.php index 410d376..bef5741 100644 --- a/resources/views/media/partials/list.blade.php +++ b/resources/views/media/partials/list.blade.php @@ -17,7 +17,7 @@ @endcan - + @include('mediapicker::media.partials.thumb') {{ $media->name }} diff --git a/src/Http/Controllers/MediaController.php b/src/Http/Controllers/MediaController.php index dff6217..ff5c5dc 100644 --- a/src/Http/Controllers/MediaController.php +++ b/src/Http/Controllers/MediaController.php @@ -267,8 +267,12 @@ protected function addToLibrary(MediaOwner $user, UploadedFile $file, StoreMedia /** @var Media $media */ $media = $adder->toMediaCollection($user->getMediapickerCollectionName()); - if (Translations::supports($media)) { - $media->fill(Arr::except($request->validated(), ['file', 'type', 'crops', 'name', 'description', 'alt', 'caption'])); + $media_class = Mediapicker::mediaModel(); + + if (Translations::supports($media_class)) { + // spatie created it as its own media model; translate through ours + $media = $media_class::query()->findOrFail($media->getKey()); + $media->fill(Arr::except($request->validated(), ['file', 'type', 'crops'])); $media->save(); } diff --git a/src/Mediapicker.php b/src/Mediapicker.php index 7788543..af1a44b 100644 --- a/src/Mediapicker.php +++ b/src/Mediapicker.php @@ -9,9 +9,11 @@ use Javaabu\Mediapicker\Contracts\Attachment; use Javaabu\Mediapicker\Http\Controllers\MediaController; use Javaabu\Mediapicker\Models\Media; +use Javaabu\Mediapicker\Models\Translatable\Media as TranslatableMedia; use Javaabu\Mediapicker\Routing\MediapickerRoutes; use Javaabu\Mediapicker\Support\ImageData; use Javaabu\Mediapicker\Support\PickerConfig; +use Javaabu\Mediapicker\Support\Translations; use Spatie\MediaLibrary\MediaCollections\Models\Media as BaseMedia; class Mediapicker @@ -53,7 +55,11 @@ public static function mediaController(): string */ public static function mediaModel(): string { - return config('mediapicker.media_model', Media::class); + if ($model = config('mediapicker.media_model')) { + return $model; + } + + return Translations::enabled() ? TranslatableMedia::class : Media::class; } public static function newMediaInstance(): Media diff --git a/src/MediapickerServiceProvider.php b/src/MediapickerServiceProvider.php index 543e30b..67fea10 100644 --- a/src/MediapickerServiceProvider.php +++ b/src/MediapickerServiceProvider.php @@ -17,12 +17,13 @@ use Javaabu\Mediapicker\Events\MediaCropped; use Javaabu\Mediapicker\Listeners\RegenerateCroppedConversions; use Javaabu\Mediapicker\Models\Attachment; +use Javaabu\Mediapicker\Models\Media; use Javaabu\Mediapicker\Models\Observers\AttachmentObserver; use Javaabu\Mediapicker\Models\Observers\MediaObserver; use Javaabu\Mediapicker\Policies\MediaPolicy; use Javaabu\Mediapicker\Routing\MediapickerRoutes; use Javaabu\Permissions\Permissions; -use Spatie\MediaLibrary\MediaCollections\Models\Media; +use Spatie\MediaLibrary\MediaCollections\Models\Media as SpatieMedia; class MediapickerServiceProvider extends ServiceProvider { @@ -130,7 +131,9 @@ protected function registerPermissions(): void 'delete_others_media' => 'Delete media uploaded by others', ], label: 'Media'); - Permissions::policy(Mediapicker::mediaModel(), config('mediapicker.policy') ?: MediaPolicy::class); + // The base class covers its subclasses (the translatable model); resolving the + // model here would query the languages table while booting + Permissions::policy(config('mediapicker.media_model') ?: Media::class, config('mediapicker.policy') ?: MediaPolicy::class); } protected function registerMigrations(): void @@ -161,7 +164,7 @@ protected function registerPublishing(): void protected function getMediaClass(): string { - return config('media-library.media_model', Media::class); + return config('media-library.media_model', SpatieMedia::class); } protected function getAttachmentClass(): string diff --git a/src/Models/Media.php b/src/Models/Media.php index f935b17..4862a5c 100644 --- a/src/Models/Media.php +++ b/src/Models/Media.php @@ -197,13 +197,13 @@ public function scopeOwnedBy(Builder $query, Model $user): void * A URL of the library pages for this media: `index`, `create`, `show`, `edit`, `update`, * `destroy`. Uses the routes of the current request's library, else the default library. */ - public function url(string $action, ?BaseMedia $media = null): string + public function libraryUrl(string $action = 'show'): string { - return Mediapicker::url($action, $media ?: $this); + return Mediapicker::url($action, $this); } protected function getAdminUrlAttribute(): string { - return $this->url('show'); + return $this->libraryUrl('show'); } } diff --git a/src/Models/Translatable/Media.php b/src/Models/Translatable/Media.php new file mode 100644 index 0000000..9641b9a --- /dev/null +++ b/src/Models/Translatable/Media.php @@ -0,0 +1,37 @@ + */ + protected array $translatable = ['name', 'description', 'alt', 'caption']; + + /** @var array */ + protected $fillable = [ + 'name', + 'description', + 'alt', + 'caption', + 'lang', + ]; + + /** + * Keep morph types pointing at the base model + */ + public function getMorphClass(): string + { + return BaseMedia::class; + } +} diff --git a/tests/TestSupport/Models/ModelWithConversions.php b/tests/TestSupport/Models/ModelWithConversions.php index e3d16b3..ff82993 100644 --- a/tests/TestSupport/Models/ModelWithConversions.php +++ b/tests/TestSupport/Models/ModelWithConversions.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker\Tests\TestSupport\Models; +use Spatie\Image\Enums\Fit; use Spatie\MediaLibrary\MediaCollections\Models\Media; class ModelWithConversions extends Post @@ -9,8 +10,6 @@ class ModelWithConversions extends Post public function registerAttachmentConversions(?Media $media = null) { $this->addAttachmentConversion('test') - ->width(100) - ->height(100) - ->crop(100, 100); + ->fit(Fit::Crop, 100, 100); } } diff --git a/tests/TestSupport/Models/ModelWithIdenticalConversions.php b/tests/TestSupport/Models/ModelWithIdenticalConversions.php index eb32e88..10859d0 100644 --- a/tests/TestSupport/Models/ModelWithIdenticalConversions.php +++ b/tests/TestSupport/Models/ModelWithIdenticalConversions.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker\Tests\TestSupport\Models; +use Spatie\Image\Enums\Fit; use Spatie\MediaLibrary\MediaCollections\Models\Media; class ModelWithIdenticalConversions extends Post @@ -9,8 +10,6 @@ class ModelWithIdenticalConversions extends Post public function registerAttachmentConversions(?Media $media = null) { $this->addAttachmentConversion('test') - ->width(100) - ->height(100) - ->crop(100, 100); + ->fit(Fit::Crop, 100, 100); } } diff --git a/tests/TestSupport/Models/ModelWithMultipleConversions.php b/tests/TestSupport/Models/ModelWithMultipleConversions.php index 7fa99a2..09262df 100644 --- a/tests/TestSupport/Models/ModelWithMultipleConversions.php +++ b/tests/TestSupport/Models/ModelWithMultipleConversions.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker\Tests\TestSupport\Models; +use Spatie\Image\Enums\Fit; use Spatie\MediaLibrary\MediaCollections\Models\Media; class ModelWithMultipleConversions extends Post @@ -9,13 +10,9 @@ class ModelWithMultipleConversions extends Post public function registerAttachmentConversions(?Media $media = null) { $this->addAttachmentConversion('test') - ->width(100) - ->height(100) - ->crop(100, 100); + ->fit(Fit::Crop, 100, 100); $this->addAttachmentConversion('test2') - ->width(50) - ->height(50) - ->crop(50, 50); + ->fit(Fit::Crop, 50, 50); } } diff --git a/tests/TestSupport/Models/ModelWithSameConversions.php b/tests/TestSupport/Models/ModelWithSameConversions.php index c2e2858..3406c6a 100644 --- a/tests/TestSupport/Models/ModelWithSameConversions.php +++ b/tests/TestSupport/Models/ModelWithSameConversions.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker\Tests\TestSupport\Models; +use Spatie\Image\Enums\Fit; use Spatie\MediaLibrary\MediaCollections\Models\Media; class ModelWithSameConversions extends Post @@ -9,8 +10,6 @@ class ModelWithSameConversions extends Post public function registerAttachmentConversions(?Media $media = null) { $this->addAttachmentConversion('test') - ->width(50) - ->height(50) - ->crop(50, 50); + ->fit(Fit::Crop, 50, 50); } } diff --git a/tests/Translatable/TranslatableMediaTest.php b/tests/Translatable/TranslatableMediaTest.php new file mode 100644 index 0000000..f7e342d --- /dev/null +++ b/tests/Translatable/TranslatableMediaTest.php @@ -0,0 +1,136 @@ +setUpLibrary(); + $this->setUpLanguages(['en', 'dv'], 'en'); + } + + #[Test] + public function the_migration_adds_the_translation_columns(): void + { + $this->assertTrue(Schema::hasColumns('media', ['translations', 'lang'])); + } + + #[Test] + public function it_uses_the_translatable_model_when_translatable_is_on(): void + { + $this->assertEquals(TranslatableMedia::class, Mediapicker::mediaModel()); + + $this->withoutTranslatable(fn () => $this->assertEquals(Media::class, Mediapicker::mediaModel())); + + config(['mediapicker.media_model' => Media::class]); + $this->assertEquals(Media::class, Mediapicker::mediaModel()); + } + + #[Test] + public function it_translates_the_details_including_custom_properties(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + $media = TranslatableMedia::query()->findOrFail($this->libraryMedia($user)->id); + + $media->fill([ + 'name_en' => 'Beach', + 'name_dv' => 'ބީޗް', + 'alt_en' => 'The sea', + 'alt_dv' => 'ކަނޑު', + 'caption_dv' => 'ފޮޓޯ: އަޙްމަދު', + ])->save(); + + $media = TranslatableMedia::query()->findOrFail($media->id); + + $this->assertEquals('Beach', $media->name); + $this->assertEquals('The sea', $media->alt); + $this->assertEquals('ބީޗް', $media->name_dv); + $this->assertEquals('ކަނޑު', $media->alt_dv); + $this->assertEquals('ފޮޓޯ: އަޙްމަދު', $media->caption_dv); + + Languages::setCurrentLocale('dv'); + $this->assertEquals('ބީޗް', $media->name); + $this->assertEquals('ކަނޑު', $media->altText()); + } + + #[Test] + public function uploads_and_updates_take_a_value_per_language(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + + $id = $this->actingAs($user) + ->postJson('/media', ['file' => $this->fakeUpload(), 'name_en' => 'Beach', 'name_dv' => 'ބީޗް', 'alt_dv' => 'ކަނޑު']) + ->assertCreated() + ->assertJsonPath('data.translations.name_dv', 'ބީޗް') + ->json('data.id'); + + $this->actingAs($user) + ->patchJson("/media/{$id}", ['name_en' => 'Beach', 'caption_dv' => 'ހުޅުމާލެ']) + ->assertOk() + ->assertJsonPath('data.translations.caption_dv', 'ހުޅުމާލެ') + ->assertJsonPath('data.translations.alt_dv', 'ކަނޑު'); + + $this->actingAs($user) + ->patchJson("/media/{$id}", ['name_en' => '', 'name_dv' => 'ބީޗް']) + ->assertUnprocessable() + ->assertJsonValidationErrors('name_en'); + } + + #[Test] + public function the_edit_page_has_an_input_per_language(): void + { + $user = $this->userWith(['view_media', 'edit_media']); + $media = $this->libraryMedia($user, name: 'Beach'); + + $this->actingAs($user) + ->get("/media/{$media->id}/edit") + ->assertOk() + ->assertSee('name="name_en"', false) + ->assertSee('name="name_dv"', false) + ->assertSee('name="alt_dv"', false); + + config(['mediapicker.views' => 'inertia']); + + $this->actingAs($user) + ->get("/media/{$media->id}/edit") + ->assertInertia(fn (AssertableInertia $page) => $page + ->where('translatable', true) + ->where('media.translations.name_en', 'Beach') + ->has('media.translations.name_dv')); + } + + #[Test] + public function it_is_off_without_languages(): void + { + $this->withoutTranslatable(function () { + $this->assertFalse(Translations::enabled()); + $this->assertNull(Translations::forMedia(new TranslatableMedia)); + }); + } +} From df29ea22ade204eee7572e57efc141be53d20c6a Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 23:47:51 +0500 Subject: [PATCH 07/14] Dhivehi and English translations, RTL and translation checks - lang/en.json and lang/dv.json for every string: pages, pickers, editor blocks, permission descriptions, crop presets and file types - Tests: every string has both languages, Dhivehi keeps its placeholders, the TypeScript strings match PHP, and views, components and CSS use only logical directions Refs #8 Co-Authored-By: Claude Opus 5.5 --- lang/dv.json | 135 +++++++++++++++++++++++++++++++- lang/en.json | 135 +++++++++++++++++++++++++++++++- tests/Unit/RtlTest.php | 56 +++++++++++++ tests/Unit/TranslationsTest.php | 100 +++++++++++++++++++++++ 4 files changed, 424 insertions(+), 2 deletions(-) create mode 100644 tests/Unit/RtlTest.php create mode 100644 tests/Unit/TranslationsTest.php diff --git a/lang/dv.json b/lang/dv.json index 0967ef4..4937aad 100644 --- a/lang/dv.json +++ b/lang/dv.json @@ -1 +1,134 @@ -{} +{ + ":count selected": ":count ހޮވިފައި", + "A file from the media library to download": "ޑައުންލޯޑް ކުރުމަށް މީޑިއާ ލައިބްރަރީން ފައިލެއް", + "A video from the media library": "މީޑިއާ ލައިބްރަރީން ވީޑިއޯއެއް", + "After uploading an image, you can crop it on the next page.": "ފޮޓޯއެއް އަޕްލޯޑް ކުރުމަށްފަހު، ދެން އަންނަ ޞަފްޙާގައި އެ ފޮޓޯ ކްރޮޕް ކުރެވޭނެއެވެ.", + "All types": "ހުރިހާ ބާވަތެއް", + "Alt text": "ބަދަލު ޓެކްސްޓް", + "An image from the media library": "މީޑިއާ ލައިބްރަރީން ފޮޓޯއެއް", + "Anyone": "ކޮންމެ މީހަކު", + "Archive": "އާކައިވް", + "Aspect ratio": "ދިގުމިނާއި ފުޅާމިނުގެ ނިސްބަތް", + "Audio": "އޯޑިއޯ", + "Autoplay": "އަމިއްލައަށް ޕްލޭ ކުރޭ", + "Back to the library": "ލައިބްރަރީއަށް އެނބުރި", + "Cancel": "ކެންސަލް", + "Caption": "ކެޕްޝަން", + "Change": "ބަދަލުކުރޭ", + "Choose": "ހޮވާ", + "Choose a file": "ފައިލެއް ހޮވާ", + "Choose a video": "ވީޑިއޯއެއް ހޮވާ", + "Choose an image": "ފޮޓޯއެއް ހޮވާ", + "Choose files": "ފައިލުތައް ހޮވާ", + "Choose images": "ފޮޓޯތައް ހޮވާ", + "Choose media": "މީޑިއާ ހޮވާ", + "Clear selection": "ހޮވާފައިވާ އެއްޗެހި ދުރުކުރޭ", + "Close": "ބަންދުކުރޭ", + "Columns": "ކޮލަމްތައް", + "Controls": "ކޮންޓްރޯލްތައް", + "Copied": "ކޮޕީ ކުރެވިއްޖެ", + "Copy URL": "ޔޫއާރުއެލް ކޮޕީކުރޭ", + "Crop": "ކްރޮޕް", + "Crop image": "ފޮޓޯ ކްރޮޕް ކުރޭ", + "Cropped": "ކްރޮޕް ކުރެވިފައި", + "Cropping needs JavaScript.": "ކްރޮޕް ކުރުމަށް ޖާވާސްކްރިޕްޓް ބޭނުންވެއެވެ.", + "Crops": "ކްރޮޕްތައް", + "Crops don't change the original. Images that use a crop are made again from it.": "ކްރޮޕް ކުރުމުން އަސްލު ފައިލަށް ބަދަލެއް ނާދެއެވެ. ކްރޮޕް ބޭނުންކުރާ ފޮޓޯތައް އަލުން އެ ކްރޮޕުން ހެދޭނެއެވެ.", + "Delete": "ފޮހެލާ", + "Delete media uploaded by others": "އެހެން މީހުން އަޕްލޯޑް ކުރި މީޑިއާ ފޮހެލުން", + "Delete selected": "ހޮވާފައިވާ އެއްޗެހި ފޮހެލާ", + "Delete the selected files? Pages that use them will lose them.": "ހޮވާފައިވާ ފައިލުތައް ފޮހެލަންތަ؟ އެ ފައިލުތައް ބޭނުންކުރާ ޞަފްޙާތަކުން އެ ފައިލުތައް ނެތިގެންދާނެއެވެ.", + "Delete this file? Pages that use it will lose it.": "މި ފައިލު ފޮހެލަންތަ؟ މި ފައިލު ބޭނުންކުރާ ޞަފްޙާތަކުން މި ފައިލު ނެތިގެންދާނެއެވެ.", + "Delete your own media": "އަމިއްލަ މީޑިއާ ފޮހެލުން", + "Describes the image for people who can't see it.": "ފޮޓޯ ނުފެންނަ މީހުންނަށް ފޮޓޯގައި ހުރި އެއްޗެއް ބަޔާންކޮށްދޭ ޓެކްސްޓް.", + "Description": "ތަފްޞީލު", + "Details": "ތަފްޞީލު", + "Dimensions": "ސައިޒު (ޕިކްސެލް)", + "Document": "ޑޮކިއުމެންޓް", + "Download": "ޑައުންލޯޑް", + "Drop files here or choose them": "ފައިލުތައް މިތަނަށް ދޫކޮށްލާ ނުވަތަ ހޮވާ", + "Edit": "އެޑިޓް", + "Edit :name": ":name އެޑިޓް ކުރުން", + "Edit media uploaded by others": "އެހެން މީހުން އަޕްލޯޑް ކުރި މީޑިއާ އެޑިޓް ކުރުން", + "File": "ފައިލު", + "File name": "ފައިލުގެ ނަން", + "File size": "ފައިލުގެ ސައިޒު", + "File type": "ފައިލުގެ ބާވަތް", + "Files": "ފައިލުތައް", + "Filter": "ފިލްޓަރ", + "Free": "މިނެއް ނެތް", + "From": "މި ތާރީޚުން", + "Gallery": "ގެލަރީ", + "Grid": "ގްރިޑް", + "Image": "ފޮޓޯ", + "Images from the media library in a grid": "މީޑިއާ ލައިބްރަރީން ފޮޓޯތައް ގްރިޑެއްގައި", + "Insert": "ލާ", + "Label": "ލޭބަލް", + "Landscape (4:3)": "ފުޅާ (4:3)", + "Largest": "އެންމެ ބޮޑު", + "Link": "ލިންކް", + "List": "ލިސްޓް", + "Load more": "އިތުރަށް ލޯޑް ކުރޭ", + "Loop": "ތަކުރާރުކުރޭ", + "Media": "މީޑިއާ", + "Media library": "މީޑިއާ ލައިބްރަރީ", + "Media matching \":search\"": "\":search\" އާ ގުޅޭ މީޑިއާ", + "Move down": "ތިރިއަށް", + "Move up": "މައްޗަށް", + "Muted": "އަޑު ނުލާ", + "Name": "ނަން", + "Name (A–Z)": "ނަން (A–Z)", + "Newest": "އެންމެ އާ", + "No media matches these filters.": "މި ފިލްޓަރުތަކާ ގުޅޭ މީޑިއާއެއް ނެތް.", + "No media yet": "އަދި މީޑިއާއެއް ނެތް", + "Not cropped: the whole image is used": "ކްރޮޕް ކުރެވިފައެއް ނެތް: މުޅި ފޮޓޯ ބޭނުންކުރެވޭނެ", + "Nothing chosen": "އެއްވެސް އެއްޗެއް ހޮވާފައެއް ނެތް", + "Oldest": "އެންމެ ބާ", + "Only images can be cropped.": "ކްރޮޕް ކުރެވޭނީ ފޮޓޯތައް އެކަންޏެވެ.", + "Only mine": "އަހަރެން އަޕްލޯޑް ކުރި އެއްޗެހި", + "Open": "ހުޅުވާ", + "Portrait (3:4)": "ދިގު (3:4)", + "Preview": "ޕްރިވިއު", + "Remove": "ދުރުކުރޭ", + "Reset": "ރީސެޓް", + "Rotate left": "ވާތަށް އަނބުރާ", + "Rotate right": "ކަނާތަށް އަނބުރާ", + "Save": "ސޭވް", + "Save crop": "ކްރޮޕް ސޭވްކުރޭ", + "Saved": "ސޭވް ކުރެވިއްޖެ", + "Saving…": "ސޭވް ކުރަނީ…", + "Search": "ހޯދާ", + "Search media": "މީޑިއާ ހޯދާ", + "Select": "ހޮވާ", + "Select all": "ހުރިހާ އެއްޗެއް ހޮވާ", + "Size": "ސައިޒު", + "Some of the selected files can't be found.": "ހޮވާފައިވާ ބައެއް ފައިލު ނުފެނުނު.", + "Something went wrong. Try again.": "މައްސަލައެއް ދިމާވެއްޖެ. އަލުން މަސައްކަތް ކޮށްލާ.", + "Sort by": "ތަރުތީބުކުރާނީ", + "Square": "ހަތަރެސްކަން", + "The crop was saved.": "ކްރޮޕް ސޭވް ކުރެވިއްޖެ.", + "The details were saved.": "ތަފްޞީލު ސޭވް ކުރެވިއްޖެ.", + "The file was deleted.": "ފައިލު ފޮހެލެވިއްޖެ.", + "The file was uploaded.": "ފައިލު އަޕްލޯޑް ކުރެވިއްޖެ.", + "The selected :attribute is invalid.": "ހޮވާފައިވާ :attribute ރަނގަޅެއް ނޫން.", + "The upload failed.": "އަޕްލޯޑް ނުކުރެވުނު.", + "To": "މި ތާރީޚާ ހަމައަށް", + "Type": "ބާވަތް", + "URL": "ޔޫއާރުއެލް", + "Up to :size each": "ކޮންމެ ފައިލެއް :size އަށްވުރެ ކުޑަ", + "Upload": "އަޕްލޯޑް", + "Upload files": "ފައިލުތައް އަޕްލޯޑް ކުރޭ", + "Upload media": "މީޑިއާ އަޕްލޯޑް ކުރޭ", + "Upload media and edit your own": "މީޑިއާ އަޕްލޯޑް ކުރުމާއި އަމިއްލަ މީޑިއާ އެޑިޓް ކުރުން", + "Uploaded": "އަޕްލޯޑް ކުރި", + "Uploaded by": "އަޕްލޯޑް ކުރި މީހާ", + "Uploading…": "އަޕްލޯޑް ކުރަނީ…", + "Video": "ވީޑިއޯ", + "Video file": "ވީޑިއޯ ފައިލު", + "View": "ބައްލަވާ", + "View media uploaded by others": "އެހެން މީހުން އަޕްލޯޑް ކުރި މީޑިއާ ބެލުން", + "View the media library": "މީޑިއާ ލައިބްރަރީ ބެލުން", + "Wide (16:9)": "ވައިޑް (16:9)", + "Zoom": "ޒޫމް", + "{1} :count file was deleted.|[2,*] :count files were deleted.": "{1} :count ފައިލު ފޮހެލެވިއްޖެ.|[2,*] :count ފައިލު ފޮހެލެވިއްޖެ." +} diff --git a/lang/en.json b/lang/en.json index 0967ef4..715cb2f 100644 --- a/lang/en.json +++ b/lang/en.json @@ -1 +1,134 @@ -{} +{ + ":count selected": ":count selected", + "A file from the media library to download": "A file from the media library to download", + "A video from the media library": "A video from the media library", + "After uploading an image, you can crop it on the next page.": "After uploading an image, you can crop it on the next page.", + "All types": "All types", + "Alt text": "Alt text", + "An image from the media library": "An image from the media library", + "Anyone": "Anyone", + "Archive": "Archive", + "Aspect ratio": "Aspect ratio", + "Audio": "Audio", + "Autoplay": "Autoplay", + "Back to the library": "Back to the library", + "Cancel": "Cancel", + "Caption": "Caption", + "Change": "Change", + "Choose": "Choose", + "Choose a file": "Choose a file", + "Choose a video": "Choose a video", + "Choose an image": "Choose an image", + "Choose files": "Choose files", + "Choose images": "Choose images", + "Choose media": "Choose media", + "Clear selection": "Clear selection", + "Close": "Close", + "Columns": "Columns", + "Controls": "Controls", + "Copied": "Copied", + "Copy URL": "Copy URL", + "Crop": "Crop", + "Crop image": "Crop image", + "Cropped": "Cropped", + "Cropping needs JavaScript.": "Cropping needs JavaScript.", + "Crops": "Crops", + "Crops don't change the original. Images that use a crop are made again from it.": "Crops don't change the original. Images that use a crop are made again from it.", + "Delete": "Delete", + "Delete media uploaded by others": "Delete media uploaded by others", + "Delete selected": "Delete selected", + "Delete the selected files? Pages that use them will lose them.": "Delete the selected files? Pages that use them will lose them.", + "Delete this file? Pages that use it will lose it.": "Delete this file? Pages that use it will lose it.", + "Delete your own media": "Delete your own media", + "Describes the image for people who can't see it.": "Describes the image for people who can't see it.", + "Description": "Description", + "Details": "Details", + "Dimensions": "Dimensions", + "Document": "Document", + "Download": "Download", + "Drop files here or choose them": "Drop files here or choose them", + "Edit": "Edit", + "Edit :name": "Edit :name", + "Edit media uploaded by others": "Edit media uploaded by others", + "File": "File", + "File name": "File name", + "File size": "File size", + "File type": "File type", + "Files": "Files", + "Filter": "Filter", + "Free": "Free", + "From": "From", + "Gallery": "Gallery", + "Grid": "Grid", + "Image": "Image", + "Images from the media library in a grid": "Images from the media library in a grid", + "Insert": "Insert", + "Label": "Label", + "Landscape (4:3)": "Landscape (4:3)", + "Largest": "Largest", + "Link": "Link", + "List": "List", + "Load more": "Load more", + "Loop": "Loop", + "Media": "Media", + "Media library": "Media library", + "Media matching \":search\"": "Media matching \":search\"", + "Move down": "Move down", + "Move up": "Move up", + "Muted": "Muted", + "Name": "Name", + "Name (A–Z)": "Name (A–Z)", + "Newest": "Newest", + "No media matches these filters.": "No media matches these filters.", + "No media yet": "No media yet", + "Not cropped: the whole image is used": "Not cropped: the whole image is used", + "Nothing chosen": "Nothing chosen", + "Oldest": "Oldest", + "Only images can be cropped.": "Only images can be cropped.", + "Only mine": "Only mine", + "Open": "Open", + "Portrait (3:4)": "Portrait (3:4)", + "Preview": "Preview", + "Remove": "Remove", + "Reset": "Reset", + "Rotate left": "Rotate left", + "Rotate right": "Rotate right", + "Save": "Save", + "Save crop": "Save crop", + "Saved": "Saved", + "Saving…": "Saving…", + "Search": "Search", + "Search media": "Search media", + "Select": "Select", + "Select all": "Select all", + "Size": "Size", + "Some of the selected files can't be found.": "Some of the selected files can't be found.", + "Something went wrong. Try again.": "Something went wrong. Try again.", + "Sort by": "Sort by", + "Square": "Square", + "The crop was saved.": "The crop was saved.", + "The details were saved.": "The details were saved.", + "The file was deleted.": "The file was deleted.", + "The file was uploaded.": "The file was uploaded.", + "The selected :attribute is invalid.": "The selected :attribute is invalid.", + "The upload failed.": "The upload failed.", + "To": "To", + "Type": "Type", + "URL": "URL", + "Up to :size each": "Up to :size each", + "Upload": "Upload", + "Upload files": "Upload files", + "Upload media": "Upload media", + "Upload media and edit your own": "Upload media and edit your own", + "Uploaded": "Uploaded", + "Uploaded by": "Uploaded by", + "Uploading…": "Uploading…", + "Video": "Video", + "Video file": "Video file", + "View": "View", + "View media uploaded by others": "View media uploaded by others", + "View the media library": "View the media library", + "Wide (16:9)": "Wide (16:9)", + "Zoom": "Zoom", + "{1} :count file was deleted.|[2,*] :count files were deleted.": "{1} :count file was deleted.|[2,*] :count files were deleted." +} diff --git a/tests/Unit/RtlTest.php b/tests/Unit/RtlTest.php new file mode 100644 index 0000000..1eb51f5 --- /dev/null +++ b/tests/Unit/RtlTest.php @@ -0,0 +1,56 @@ + + */ + protected function files(string $directory): iterable + { + $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(__DIR__ . "/../../{$directory}", RecursiveDirectoryIterator::SKIP_DOTS)); + + foreach ($iterator as $file) { + yield $file->getPathname(); + } + } + + #[Test] + public function the_views_and_components_use_only_logical_utilities(): void + { + $physical = '/(?files($directory) as $path) { + preg_match_all('/class(?:Name)?="([^"]*)"/', file_get_contents($path), $classes); + + foreach ($classes[1] as $class_list) { + $this->assertDoesNotMatchRegularExpression($physical, $class_list, "Use logical utilities (ms-, pe-, start-) in {$path}"); + } + } + } + } + + #[Test] + public function the_stylesheet_uses_only_logical_properties(): void + { + $css = file_get_contents(__DIR__ . '/../../resources/css/mediapicker.css'); + + $this->assertDoesNotMatchRegularExpression('/(?assertEquals(4, substr_count($create, ' thaana')); + $this->assertStringContainsString('dir="auto"', file_get_contents(__DIR__ . '/../../resources/views/media/partials/filters.blade.php')); + } +} diff --git a/tests/Unit/TranslationsTest.php b/tests/Unit/TranslationsTest.php new file mode 100644 index 0000000..14012fd --- /dev/null +++ b/tests/Unit/TranslationsTest.php @@ -0,0 +1,100 @@ + + */ + protected function lang(string $locale): array + { + return json_decode(file_get_contents(__DIR__ . "/../../lang/{$locale}.json"), true); + } + + /** + * Every string the package translates: __() and trans_choice() in the code and views, + * the UI strings, permission descriptions, block titles and config labels + * + * @return array + */ + protected function usedStrings(): array + { + $root = __DIR__ . '/../..'; + $files = [ + ...glob("{$root}/src/{,*/,*/*/,*/*/*/}*.php", GLOB_BRACE), + ...glob("{$root}/resources/views/{,*/,*/*/}*.blade.php", GLOB_BRACE), + ]; + + $strings = array_values(Strings::STRINGS); + + foreach ($files as $file) { + $contents = file_get_contents($file); + + preg_match_all("/(?:__|trans_choice)\\('((?:[^'\\\\]|\\\\.)*)'/", $contents, $matches); + preg_match_all("/protected string \\\$(?:title|summary) = '((?:[^'\\\\]|\\\\.)*)'/", $contents, $blocks); + preg_match_all("/'(?:view|edit|delete)(?:_others)?_media' => '((?:[^'\\\\]|\\\\.)*)'/", $contents, $permissions); + + $strings = [...$strings, ...array_map('stripslashes', [...$matches[1], ...$blocks[1], ...$permissions[1]])]; + } + + foreach (config('mediapicker.crop_presets') as $preset) { + $strings[] = $preset['label']; + } + + foreach (array_keys(config('mediapicker.file_types')) as $type) { + $strings[] = str($type)->headline()->toString(); + } + + return array_values(array_unique(array_filter($strings))); + } + + #[Test] + public function every_string_has_english_and_dhivehi(): void + { + $en = $this->lang('en'); + $dv = $this->lang('dv'); + + foreach ($this->usedStrings() as $string) { + $this->assertArrayHasKey($string, $en, "lang/en.json is missing \"{$string}\""); + $this->assertArrayHasKey($string, $dv, "lang/dv.json is missing \"{$string}\""); + } + + $this->assertEquals(array_keys($en), array_keys($dv)); + } + + #[Test] + public function the_dhivehi_strings_are_in_thaana_and_keep_their_placeholders(): void + { + foreach ($this->lang('dv') as $english => $dhivehi) { + $this->assertMatchesRegularExpression('/[\x{0780}-\x{07BF}]/u', $dhivehi, "\"{$english}\" isn't translated"); + + preg_match_all('/:[a-z_]+/', $english, $placeholders); + + foreach ($placeholders[0] as $placeholder) { + $this->assertStringContainsString($placeholder, $dhivehi, "\"{$english}\" lost {$placeholder}"); + } + } + } + + #[Test] + public function the_typescript_copy_of_the_ui_strings_matches(): void + { + $typescript = json_decode(file_get_contents(__DIR__ . '/../../resources/js/strings.en.json'), true); + + $this->assertEquals(Strings::STRINGS, $typescript); + } + + #[Test] + public function the_ui_strings_are_translated(): void + { + app()->setLocale('dv'); + + $this->assertEquals('މީޑިއާ ލައިބްރަރީ', Strings::all()['media_library']); + $this->assertEquals(':count ހޮވިފައި', Strings::all()['selected']); + } +} From b3d54dd65c859fd14a0a531615c390d3e770cee0 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 23:49:55 +0500 Subject: [PATCH 08/14] CI: add the TypeScript job and a leg without javaabu/translatable The earlier edit didn't apply: Prettier had reindented the workflow. Refs #9, refs #11 Co-Authored-By: Claude Opus 5.5 --- .github/workflows/tests.yml | 80 ++++++++++++++++++++++++++ docs/basic-usage/how-to-use-feature.md | 5 -- 2 files changed, 80 insertions(+), 5 deletions(-) delete mode 100644 docs/basic-usage/how-to-use-feature.md diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml index 241f84b..34ea4f4 100644 --- a/.github/workflows/tests.yml +++ b/.github/workflows/tests.yml @@ -48,6 +48,86 @@ jobs: exit 1 fi + js: + runs-on: ubuntu-latest + + name: TypeScript (lint, typecheck, tests, dist) + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + # @javaabu/block-editor and @javaabu/stencil come from their Composer packages in vendor/ + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: 8.4 + coverage: none + + - name: Install Composer dependencies + run: composer update --prefer-dist --no-interaction --no-progress + + - name: Setup pnpm + uses: pnpm/action-setup@v4 + + # Keep the store out of node_modules, where @javaabu/forms' prepare build can't + # emit portable types (Javaabu/react-forms#20) + - name: Use a pnpm store outside node_modules + run: pnpm config set store-dir ~/.pnpm-store + + - name: Setup Node + uses: actions/setup-node@v5 + with: + node-version: 22 + cache: pnpm + + - name: Install npm dependencies + run: pnpm install --frozen-lockfile + + - run: pnpm lint + - run: pnpm format:check + - run: pnpm typecheck + + - name: Tests with coverage + run: pnpm test:coverage + + - name: Upload coverage + uses: codecov/codecov-action@v5 + with: + files: coverage/lcov.info + flags: js + token: ${{ secrets.CODECOV_TOKEN }} + fail_ci_if_error: false + + - name: Check that the committed dist is up to date + run: | + pnpm build + git diff --exit-code -- dist || (echo "dist is out of date: run pnpm build and commit it." && exit 1) + + without-translatable: + runs-on: ubuntu-latest + + name: Tests without javaabu/translatable + + steps: + - name: Checkout code + uses: actions/checkout@v5 + + - name: Setup PHP + uses: shivammathur/setup-php@v2 + with: + php-version: 8.4 + extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo + coverage: none + + - name: Install dependencies without javaabu/translatable + run: | + composer remove --dev javaabu/translatable --no-update + composer update --prefer-dist --no-interaction --no-progress + + - name: Execute tests + run: vendor/bin/phpunit --testsuite "Test Suite" + tests: runs-on: ubuntu-latest diff --git a/docs/basic-usage/how-to-use-feature.md b/docs/basic-usage/how-to-use-feature.md deleted file mode 100644 index eb46af9..0000000 --- a/docs/basic-usage/how-to-use-feature.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: How to use some feature ---- - -Write the name of the feature as the title and give instructions on how to use it From 8c06426d2e217235aefd873b669931cd6fa4c373 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 23:56:01 +0500 Subject: [PATCH 09/14] Docs for people and agents, llms.txt, AGENTS.md, Laravel Boost guideline and skill - Docusaurus pages: intro, requirements, installation, upgrading from the unreleased main, the library, picker fields, attachments, conversions, cropping, block editor blocks, configuration, JSON API, permissions, overriding, translatable, Dhivehi and RTL (with a review list), JavaScript, API reference - llms.txt with the rules and every page; tests check its links - resources/boost guideline and the javaabu-mediapicker skill with references - AGENTS.md and CLAUDE.md; README and CHANGELOG - React entry and pages import the stylesheet; apps get Onu media's peers from manifest - mediapicker:clear's --force option works Closes #6, closes #7 Co-Authored-By: Claude Opus 5.5 --- .gitattributes | 20 +- AGENTS.md | 48 +++++ CHANGELOG.md | 18 +- CLAUDE.md | 1 + README.md | 31 ++- docs/advanced-usage/_category_.json | 11 ++ docs/advanced-usage/api-reference.md | 75 ++++++++ docs/advanced-usage/configuration.md | 29 +++ docs/advanced-usage/dhivehi-and-rtl.md | 42 ++++ docs/advanced-usage/javascript.md | 56 ++++++ docs/advanced-usage/json-api.md | 67 +++++++ .../overriding-controllers-and-views.md | 64 ++++++ .../permissions-and-policies.md | 75 ++++++++ docs/advanced-usage/translatable.md | 41 ++++ docs/ai-assistants.md | 33 ++++ docs/basic-usage/_category_.json | 2 +- docs/basic-usage/attachments.md | 94 +++++++++ docs/basic-usage/block-editor.md | 46 +++++ docs/basic-usage/conversions.md | 103 ++++++++++ docs/basic-usage/cropping.md | 58 ++++++ docs/basic-usage/media-library.md | 82 ++++++++ docs/basic-usage/picker-fields.md | 126 ++++++++++++ docs/changelog.md | 2 +- docs/installation-and-setup.md | 182 +++++++++++++++++- docs/intro.md | 32 ++- docs/metadata.json | 2 +- docs/requirements.md | 13 +- docs/upgrading.md | 64 ++++++ llms.txt | 46 +++++ resources/boost/guidelines/core.blade.php | 12 ++ .../boost/skills/javaabu-mediapicker/SKILL.md | 130 +++++++++++++ .../references/common-mistakes.md | 16 ++ .../references/conversions-and-crops.md | 19 ++ .../references/react-and-stencil.md | 53 +++++ resources/js/Pages/Media/Create.tsx | 1 + resources/js/Pages/Media/Edit.tsx | 1 + resources/js/Pages/Media/Index.tsx | 1 + resources/js/Pages/Media/Show.tsx | 1 + resources/js/index.ts | 1 + src/Assets/Assets.php | 6 + src/Commands/AttachmentsClearCommand.php | 2 +- tests/Feature/Fields/PickerFieldTest.php | 15 ++ tests/Unit/BoostTest.php | 30 +++ tests/Unit/DocsTest.php | 61 ++++++ 44 files changed, 1779 insertions(+), 33 deletions(-) create mode 100644 AGENTS.md create mode 100644 CLAUDE.md create mode 100644 docs/advanced-usage/_category_.json create mode 100644 docs/advanced-usage/api-reference.md create mode 100644 docs/advanced-usage/configuration.md create mode 100644 docs/advanced-usage/dhivehi-and-rtl.md create mode 100644 docs/advanced-usage/javascript.md create mode 100644 docs/advanced-usage/json-api.md create mode 100644 docs/advanced-usage/overriding-controllers-and-views.md create mode 100644 docs/advanced-usage/permissions-and-policies.md create mode 100644 docs/advanced-usage/translatable.md create mode 100644 docs/ai-assistants.md create mode 100644 docs/basic-usage/attachments.md create mode 100644 docs/basic-usage/block-editor.md create mode 100644 docs/basic-usage/conversions.md create mode 100644 docs/basic-usage/cropping.md create mode 100644 docs/basic-usage/media-library.md create mode 100644 docs/basic-usage/picker-fields.md create mode 100644 docs/upgrading.md create mode 100644 llms.txt create mode 100644 resources/boost/guidelines/core.blade.php create mode 100644 resources/boost/skills/javaabu-mediapicker/SKILL.md create mode 100644 resources/boost/skills/javaabu-mediapicker/references/common-mistakes.md create mode 100644 resources/boost/skills/javaabu-mediapicker/references/conversions-and-crops.md create mode 100644 resources/boost/skills/javaabu-mediapicker/references/react-and-stencil.md create mode 100644 tests/Unit/BoostTest.php create mode 100644 tests/Unit/DocsTest.php diff --git a/.gitattributes b/.gitattributes index bb6265e..70dce41 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,11 +1,23 @@ # Path-based git attributes # https://www.kernel.org/pub/software/scm/git/docs/gitattributes.html -# Ignore all test and documentation with "export-ignore". +# Keep development files out of the Composer package. docs, llms.txt, dist and +# resources/boost ship with it, for apps without Vite, AI assistants and Laravel Boost. /.gitattributes export-ignore /.gitignore export-ignore -/.travis.yml export-ignore +/.github export-ignore +/.editorconfig export-ignore +/.prettierrc.json export-ignore +/.prettierignore export-ignore +/eslint.config.js export-ignore /phpunit.xml.dist export-ignore -/.scrutinizer.yml export-ignore +/pint.json export-ignore /tests export-ignore -/.editorconfig export-ignore +/AGENTS.md export-ignore +/CLAUDE.md export-ignore +/node_modules export-ignore +/package.json export-ignore +/pnpm-lock.yaml export-ignore +/tsconfig.json export-ignore +/vite.config.ts export-ignore +/vitest.config.ts export-ignore diff --git a/AGENTS.md b/AGENTS.md new file mode 100644 index 0000000..2d8a4a0 --- /dev/null +++ b/AGENTS.md @@ -0,0 +1,48 @@ +# mediapicker: notes for AI coding agents + +`javaabu/mediapicker` is a Laravel package: a media library on spatie/laravel-medialibrary v11, attachments of library media to other models with their own (fingerprinted) conversions, a non-destructive cropper, library pages and picker fields in Blade (javaabu/forms v2) and Inertia React (@javaabu/forms, Onu), a stencil field, javaabu/block-editor blocks, and permissions through javaabu/permissions. It's a Composer package that also ships TypeScript (imported by apps as `@javaabu/mediapicker` through javaabu/manifest) and a prebuilt `dist/` for the Blade scripts. + +## Layout + +| Path | What | +| --- | --- | +| `src/Mediapicker.php` | Models, URLs, `pickerConfig()`, `image()` | +| `src/Routing/MediapickerRoutes.php` | `Route::mediapicker()` | +| `src/Http/` | `MediaController`, the requests, `MediaResource` | +| `src/Policies/MediaPolicy.php` | Abilities over javaabu/permissions' `ResourcePolicy` | +| `src/Models/` | `Media`, `Translatable\Media`, `Attachment`, observers | +| `src/Concerns/`, `src/Contracts/` | `OwnsMedia`/`MediaOwner`, `InteractsWithAttachments`/`HasAttachments` | +| `src/AttachmentCollections/` | `MediaAdder`, the repository, exceptions | +| `src/Conversions/` | `AttachmentConversion` (fingerprints), the manipulator, actions, metadata, stale-file cleaning | +| `src/Cropping/`, `src/Events/`, `src/Listeners/` | Crops and their regeneration | +| `src/Views/` | `ViewRenderer` (Blade or Inertia), the `picker` and `image` components | +| `src/Stencil/` | `MediaPickerField`, `MediaDetailsForm` | +| `src/Blocks/` | The block-editor blocks | +| `src/Support/` | `FileTypes`, `CropPresets`, `PickerConfig`, `ImageData`, `Strings`, `Translations`, `Icons` | +| `resources/views/` | Blade pages, components, stencil and block views | +| `resources/js/` | `Pages/Media/*`, `react/`, `picker/` (framework-free dialog and Blade field), `cropper/`, `blocks/`, `blade/` (entries), `api.ts` | +| `resources/css/mediapicker.css` | Every style, logical properties only | +| `dist/` | The Blade entries, built and **committed**. CI fails if it's stale | +| `lang/` | `en.json`, `dv.json` | +| `tests/` | PHPUnit (`Unit`, `Feature`, `Http`, `Translatable`) and Vitest (`tests/js`) | +| `docs`, `llms.txt`, `resources/boost` | Docs, the index for assistants, the Boost guideline and skill | + +## Rules + +- Follow the Javaabu PHP guidelines (`vendor/javaabu/boost-javaabu-guidelines`): snake_case variables and properties, camelCase methods, `#[Test]` methods named `it_…`, early returns, no `else`. +- Never depend on javaabu/helpers or javaabu/settings v1 (CI checks it). javaabu/translatable is optional: reference its classes only behind `Support\Translations`; `tests/Translatable` needs it, and CI runs the rest without it. +- Every user-facing string goes through `__()` with an entry in `lang/en.json` and `lang/dv.json` (a test checks). UI strings for JS are in `Support\Strings::STRINGS`; after changing them, regenerate `resources/js/strings.en.json` (a test compares them). +- Logical CSS and Tailwind only (`ms-`, `pe-`, `inset-inline-*`); tests use Thaana for user-facing behaviour. +- Attachment conversion files must stay under `conversions/attachments` and keep their fingerprint in the name. +- After changing `resources/js/blade`, `resources/js/picker`, `resources/js/cropper`, `resources/js/blocks` or `resources/css`, run `pnpm build` and commit `dist/`. After changing a block's PHP attributes, run `MEDIAPICKER_UPDATE_FIXTURES=1 vendor/bin/phpunit --filter JsFixtureTest`. +- Every change needs tests, docs (linked from `llms.txt`), the Boost skill if it changes usage, and a line in `CHANGELOG.md`. + +## Commands + +```bash +composer install && pnpm install # pnpm 10.28 (packageManager) +composer lint && composer test # Pint and PHPUnit (both suites) +vendor/bin/phpunit --testsuite "Test Suite" # without the translatable tests +pnpm lint && pnpm format:check && pnpm typecheck && pnpm test +pnpm build # dist/ +``` diff --git a/CHANGELOG.md b/CHANGELOG.md index 8869e77..9fbb882 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,19 @@ # Changelog -All notable changes will be documented in this file +All notable changes to `javaabu/mediapicker` are documented in this file. -## 1.0.0 - 202X-XX-XX +## 1.0.0 - unreleased -- initial release +The first release. Compared with the unreleased version on `main` (see `docs/upgrading.md`): + +- PHP 8.4 and Laravel 12/13; no javaabu/helpers, javaabu/activitylog 1 or javaabu/forms 1 +- `Route::mediapicker()` with a guard, prefix, name, middleware and controller; overridable controller; every action answers JSON +- Permissions and an overridable `MediaPolicy` through javaabu/permissions; a library per guard +- Library pages in Blade (javaabu/forms v2) and Inertia React (@javaabu/forms and Onu, through javaabu/manifest) +- ``, React `MediaPicker`/`MediaPickerField`/`MediaLibraryDialog`, and the stencil `MediaPickerField`; the `LibraryMedia` rule and `syncAttachmentsFromRequest()` +- Fingerprinted attachment conversions: shared between models, never made twice, extra formats (WebP, AVIF), responsive widths; `` and React `` +- Non-destructive cropping to aspect-ratio presets, on upload and later, driving conversions +- Image, gallery, file and video blocks for javaabu/block-editor +- Optional javaabu/translatable support for names, descriptions, alt text and captions +- Dhivehi translations and RTL layouts +- Docs, `llms.txt`, and a Laravel Boost guideline and skill diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..43c994c --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1 @@ +@AGENTS.md diff --git a/README.md b/README.md index 05fcd7d..105b70d 100644 --- a/README.md +++ b/README.md @@ -5,23 +5,36 @@ [![Latest Version on Packagist](https://img.shields.io/packagist/v/javaabu/mediapicker.svg)](https://packagist.org/packages/javaabu/mediapicker) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) -## Introduction -Allow for file uploads from a persistent storage +A media library for Laravel on [spatie/laravel-medialibrary](https://github.com/spatie/laravel-medialibrary): people upload once and pick files wherever a model needs an image, a gallery or a document. + +- Library pages in Blade ([javaabu/forms](https://github.com/Javaabu/forms) v2) or Inertia React, with uploads, search, filters, details and bulk delete, and a JSON API +- Picker fields: ``, React `MediaPickerField` and a [javaabu/stencil](https://github.com/Javaabu/stencil) field +- Attachments with their own conversions: queued, only for the collections that need them, shared and never made twice, WebP/AVIF and responsive widths, rendered as `` +- Non-destructive cropping to aspect-ratio presets +- Image, gallery, file and video blocks for [javaabu/block-editor](https://github.com/Javaabu/block-editor) +- A library per guard, with permissions and an overridable policy through [javaabu/permissions](https://github.com/Javaabu/permissions) +- Dhivehi and RTL, and optional translated details with [javaabu/translatable](https://github.com/Javaabu/translatable) + +```php +Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); +``` + +```blade + + +``` ## Documentation -You'll find the documentation on [https://docs.javaabu.com/mediapicker](https://docs.javaabu.com/mediapicker). +The docs are in [`docs/`](docs/intro.md) and on [docs.javaabu.com/mediapicker](https://docs.javaabu.com/mediapicker). AI assistants: start with [`llms.txt`](llms.txt); Laravel Boost picks up the package's guideline and skill. Find yourself stuck using the package? Found a bug? Do you have general questions or suggestions for improving this package? Feel free to create an [issue](../../issues) on GitHub, we'll try to address it as soon as possible. -If you've found a bug regarding security please mail [info@javaabu.com](mailto:info@javaabu.com) instead of using the issue tracker. - ## Testing -You can run the tests with - -``` bash -./vendor/bin/phpunit +```bash +composer test +pnpm install && pnpm test ``` ## Changelog diff --git a/docs/advanced-usage/_category_.json b/docs/advanced-usage/_category_.json new file mode 100644 index 0000000..bfc0073 --- /dev/null +++ b/docs/advanced-usage/_category_.json @@ -0,0 +1,11 @@ +{ + "position": 1.31, + "label": "Advanced Usage", + "collapsible": true, + "collapsed": false, + "link": { + "type": "generated-index", + "slug": "/mediapicker/_categories/advanced-usage", + "description": "Configuration, the JSON API, permissions, overriding, translations, Dhivehi and RTL, the JavaScript and the API reference." + } +} diff --git a/docs/advanced-usage/api-reference.md b/docs/advanced-usage/api-reference.md new file mode 100644 index 0000000..f52e07a --- /dev/null +++ b/docs/advanced-usage/api-reference.md @@ -0,0 +1,75 @@ +--- +title: API reference +sidebar_position: 8 +--- + +# Javaabu\Mediapicker\Mediapicker + +| Method | | +| --- | --- | +| `url(string $action, ?Media $media = null, array $parameters = [], ?string $route_name = null): string` | A library URL. Throws when no library is registered | +| `routeName(?string $guard = null): string` | The library to link to: the current request's, the signed-in guard's, else the default | +| `pickerConfig(?string $route_name = null): array` | `url`, `types`, `accept`, `max_size`, `crop_presets`, `strings` for React | +| `image(Model\|Attachment\|null $subject, string $collection = 'default', string $conversion = '', ?string $sizes = null): ?array` | `ImageData` for `` | +| `mediaModel()`, `attachmentModel()`, `mediaController()`, `collectionName()` | Classes and names from config | +| `ignoreMigrations()` | Don't load the package's migrations | + +# Routing + +`Route::mediapicker(array $options = [])` with `guard`, `prefix`, `name`, `middleware`, `controller`. `Routing\MediapickerRoutes::guard($request)`, `currentName($request)`, `nameFor($guard)`, `registered()`. + +# Contracts and traits + +**`Contracts\MediaOwner`** (trait `Concerns\OwnsMedia`): `registerMediapickerCollections()`, `registerMediapickerConversions()`, `getMediapickerCollectionName()`, `ownsMedia(Media $media)`. + +**`Contracts\HasAttachments`** (trait `Concerns\InteractsWithAttachments`): + +| Method | | +| --- | --- | +| `attachments(): MorphMany` | | +| `addAttachment(int\|string\|Media $media): MediaAdder` | Then `->setOrder(?int)` and `->toAttachmentCollection($name)` | +| `addAttachmentFromRequest(string $key)`, `addMultipleAttachmentsFromRequest(array $keys)` | | +| `updateAttachmentMedia(array $media_ids, string $collection = 'default'): Collection` | Exactly these, in order; `[]` clears | +| `syncAttachmentsFromRequest(string $collection, ?string $key = null, ?Request $request = null): ?Collection` | From a picker field; null when the field is absent | +| `updateAttachments(array $attachments, string $collection = 'default')` | Reorder and remove by attachment ids | +| `hasAttachments()`, `getAttachments()`, `getAttachmentMedia()`, `getFirstAttachment()`, `getFirstAttachmentMedia()` | `($collection = 'default', $filters = [])` | +| `getFirstAttachmentUrl()`, `getFirstAttachmentPath()`, `getFirstAttachmentTemporaryUrl()` | `($collection, $conversion)` | +| `deleteAttachment()`, `clearAttachmentCollection()`, `clearAttachmentCollectionExcept()` | | +| `addAttachmentCollection(string $name): MediaCollection` | In `registerAttachmentCollections()` | +| `addAttachmentConversion(string $name): AttachmentConversion` | In `registerAttachmentConversions(?Media $media = null)` | +| `scopeWithAttachments()` | Eager loads `attachments.media` | + +**`Contracts\Attachment`** (`Models\Attachment`): `media()`, `model()`, `conversions()`, `conversion($name)`, `conversionMetadata($name)`, `hasGeneratedConversion($name)`, `getUrl($conversion = '')`, `getPath()`, `getTemporaryUrl()`, `getAvailableUrl($conversions)`, `getFormatUrl($conversion, $format)`, `getSrcset($conversion, $format = null)`. + +# Models\Media + +Extends spatie's `Media`. Attributes: `description`, `alt`, `caption`, `width`, `height` (custom properties), `file_type`, `short_name`, `admin_url`. Methods: `getIcon()`, `isImage()`, `altText()`, `isOwnedBy(?Model $user)`, `libraryUrl($action = 'show')`. Scopes: `hasFileType($types)`, `search($text)`, `inLibraryOf($user)`, `visibleTo($user)`, `ownedBy($user)`. + +`Models\Translatable\Media` adds javaabu/translatable's JSON translations of `name`, `description`, `alt`, `caption`. + +# Conversions + +**`Conversions\AttachmentConversion`** extends spatie's `Conversion`: `usingCrop(?string $preset)`, `formats(string|array $formats)`, `getCropPreset()`, `getFormats()`, `getCrop($media)`, `fingerprint($media)`, `key($media)`, `getConversionFile($media)`, `forFormat($media, $format)`, `forWidth($media, $width)`. + +`Conversions\MediaManipulator::createDerivedAttachmentFiles($attachment, $only = [], $only_missing = false, $with_responsive_images = false, $queue_all = false)`. `Conversions\StaleConversions::find($media)` and `clean($media)`. `Conversions\ConversionMetadata::get($media, $key)`. `Conversions\FormatSupport::supports($format)`. + +Events: `Conversions\Events\AttachmentConversionWillStartEvent`, `AttachmentConversionHasBeenCompletedEvent` (`$attachment`, `$conversion`), `Events\MediaCropped` (`$media`, `$preset`, `$crop`), `AttachmentCollections\Events\AttachmentCollectionHasBeenClearedEvent`. + +# Cropping + +`Cropping\Cropper`: `crop(Media $media, string $preset, array $crop)`, `forget($media, $preset)`, `cropFor($media, $preset)`. `Support\CropPresets`: `all()`, `names()`, `exists()`, `aspect()`, `forUi()`, `rules()`, `cropRules()`, `normalize()`. + +# Validation and fields + +- `Rules\LibraryMedia(string|array|null $type = null, ?Model $user = null)`: ids of media the user may see, of these types. Null and empty values pass. +- `Views\Components\Picker`: ``. `Views\Components\Image`: ``. +- `Stencil\MediaPickerField`: `collection()`, `mediaType()`, `multiple()`, `crop()`, `library()`, `upload()`. `Stencil\MediaDetailsForm`. +- `Http\Resources\MediaResource`, `->forLibrary(?string $route_name)`; `MediaResource::conversionUrl($media, $conversion)`. + +# Support + +`Support\FileTypes`: `all()`, `types()`, `exists()`, `mimeTypes()`, `isAllowed()`, `typeOf()`, `icon()`, `maxSize()`, `rules()`. `Support\PickerConfig::make()`, `Support\ImageData::for()` and `forCollection()`, `Support\Strings::all()`, `Support\Translations::enabled()`, `supports()`, `forMedia()`, `rules()`, `Support\Icons::svg()`. + +# Blocks + +`Blocks\Image`, `Blocks\Gallery`, `Blocks\File`, `Blocks\MediaVideo` (all `Blocks\MediaBlock`, with `MediaBlock::$library` for the route name prefix of the library to pick from). diff --git a/docs/advanced-usage/configuration.md b/docs/advanced-usage/configuration.md new file mode 100644 index 0000000..2c4baad --- /dev/null +++ b/docs/advanced-usage/configuration.md @@ -0,0 +1,29 @@ +--- +title: Configuration +sidebar_position: 1 +--- + +Publish the config with `php artisan vendor:publish --tag=mediapicker-config`. Everything has a default; the common case needs no changes. + +| Key | Default | | +| --- | --- | --- | +| `media_model` | `null` | The media model (extends `Models\Media`). Null: `Models\Translatable\Media` when javaabu/translatable is on, else `Models\Media`. Set spatie's `media-library.media_model` to the same class | +| `attachment_model` | `Models\Attachment` | Implements `Contracts\Attachment` | +| `collection_name` | `mediapicker` | The owners' library collection | +| `file_types` | image, video, audio, document, archive | Per type: `mime_types`, a Lucide `icon`, and `max_size` in KB (null: `max_upload_size`) | +| `max_upload_size` | `null` | KB, for types without their own. Null: spatie's `max_file_size` | +| `crop_presets` | square, wide, landscape, portrait, free | Per preset: `label` and `aspect` (width / height, or null for free) | +| `blocks` | `true` | Register the javaabu/block-editor blocks | +| `views` | `blade` | `blade` or `inertia` | +| `layout` | `layouts.app` | The layout the Blade pages extend | +| `layout_section` | `content` | The section they fill | +| `per_page` | `24` | The library's page size (requests may ask for up to 100) | +| `media_controller` | `Http\Controllers\MediaController` | The library's controller | +| `register_permissions` | `true` | Register the media permissions and policy with javaabu/permissions | +| `policy` | `Policies\MediaPolicy` | The media policy | +| `attachment_observer` | `Models\Observers\AttachmentObserver` | Orders new attachments and makes their conversions | +| `media_observer` | `Models\Observers\MediaObserver` | Removes attachment conversion files before media is deleted | +| `jobs.perform_conversions` | `Conversions\Jobs\PerformAttachmentConversionsJob` | The job for queued conversions (extend the package's) | +| `file_remover_class` | `FileRemover\AttachmentFileRemover` | How attachment conversion files are removed | + +Queueing follows spatie's config: `queue_conversions_by_default`, `queue_connection_name`, `queue_name` and `queue_conversions_after_database_commit`. Responsive widths use spatie's `responsive_images.width_calculator`, and conversions spatie's `image_driver`. diff --git a/docs/advanced-usage/dhivehi-and-rtl.md b/docs/advanced-usage/dhivehi-and-rtl.md new file mode 100644 index 0000000..9568410 --- /dev/null +++ b/docs/advanced-usage/dhivehi-and-rtl.md @@ -0,0 +1,42 @@ +--- +title: Dhivehi and RTL +sidebar_position: 6 +--- + +# Translations + +Every string is in `lang/en.json` and `lang/dv.json`, used as JSON translation strings (the English text is the key). Publish them to change the wording: + +```bash +php artisan vendor:publish --tag=mediapicker-translations +``` + +The JavaScript UIs (the picker dialog, the Blade field, the cropper, the React pages and the editor blocks) get their strings from PHP (`Javaabu\Mediapicker\Support\Strings::all()`) in the current locale, so one set of translations covers both stacks. + +# RTL + +The pages, pickers, cropper and blocks use logical CSS (`margin-inline-start`, `inset-inline-end`, Tailwind's `ms-`, `pe-`) only, so they mirror in right-to-left pages. File names, sizes, URLs and dimensions keep their own direction (`dir="auto"` or `dir="ltr"`). The picker dialog takes the page's direction. + +# Thaana + +Name, description, alt text and caption inputs type Thaana (javaabu/forms' `thaana`, stencil's `->thaana()`); the React search box does too (Onu's `searchThaana`). Block settings for alt text and captions type Thaana in the editor. + +# Needs review + +These translations were written without a native speaker's review. Please check them: + +| English | Dhivehi | Note | +| --- | --- | --- | +| Alt text | ބަދަލު ޓެކްސްޓް | A literal "alternative text"; a clearer term may be better | +| Aspect ratio | ދިގުމިނާއި ފުޅާމިނުގެ ނިސްބަތް | Long; a shorter common term? | +| Crop / Cropped / Crops | ކްރޮޕް … | Transliterated | +| Dimensions | ސައިޒު (ޕިކްސެލް) | | +| Free (crop preset) | މިނެއް ނެތް | "No fixed size" | +| Landscape (4:3) / Portrait (3:4) | ފުޅާ / ދިގު | | +| Wide (16:9) | ވައިޑް (16:9) | Transliterated | +| Square | ހަތަރެސްކަން | | +| Loop | ތަކުރާރުކުރޭ | | +| Muted | އަޑު ނުލާ | | +| From / To (date filters) | މި ތާރީޚުން / މި ތާރީޚާ ހަމައަށް | | +| Only mine | އަހަރެން އަޕްލޯޑް ކުރި އެއްޗެހި | | +| Rotate left / right | ވާތަށް / ކަނާތަށް އަނބުރާ | Not shown in the UIs yet | diff --git a/docs/advanced-usage/javascript.md b/docs/advanced-usage/javascript.md new file mode 100644 index 0000000..7ac4002 --- /dev/null +++ b/docs/advanced-usage/javascript.md @@ -0,0 +1,56 @@ +--- +title: JavaScript +sidebar_position: 7 +--- + +The package's TypeScript ships inside the Composer package and is imported as `@javaabu/mediapicker` through javaabu/manifest (no npm install). Blade pages get the prebuilt scripts automatically. + +# Scripts (manifest assets) + +| Asset | Entry | | +| --- | --- | --- | +| `mediapicker::picker` | `js/blade/picker.ts` | Mounts `[data-mediapicker-field]`; `window.Mediapicker.open()`, `.mount()`, `.field()` | +| `mediapicker::cropper` | `js/blade/cropper.ts` | Mounts `[data-mediapicker-cropper]` | +| `mediapicker::blocks` | `js/blocks/index.ts` | The editor blocks | + +Each imports `css/mediapicker.css`. Apps without Vite get them from the package's `dist`. + +# Exports + +```ts +import { + // React + MediaPicker, MediaPickerField, MediaLibraryDialog, MediaCropper, CropBeforeUpload, + MediaPreview, Picture, StencilMediaPicker, MediapickerProvider, usePickerConfig, useLibrary, Icon, + // framework-free + openMediaPicker, PickerField, mountPickerFields, pickerField, CropperWidget, mountCroppers, + // API + createLibraryClient, LibraryError, csrfHeaders, translator, +} from "@javaabu/mediapicker" + +import { image, gallery, file, mediaVideo, ImageRender, GalleryRender } from "@javaabu/mediapicker/blocks" +``` + +Types: `MediaItem`, `Crop`, `CropPreset`, `ImageData`, `Strings`, `PickerConfig`, and the page props (`MediaIndexProps`, …). + +# The picker dialog without a framework + +```ts +import { openMediaPicker } from "@javaabu/mediapicker" + +const chosen = await openMediaPicker({ + url: "/admin/media", + type: "image", // or ["image", "video"] + multiple: true, + selected: current, // MediaItem[] that start selected + upload: true, + strings, // from Mediapicker::pickerConfig()['strings'] +}) +// MediaItem[], or null when cancelled +``` + +It's a native ``: focus stays inside, Escape cancels, items are toggle buttons with `aria-pressed`, and the selection count is announced. + +# npm packages the app needs + +The React components import `@javaabu/forms`, `@javaabu/onu` (`MediaLister`, and `ImageCropper` from `@javaabu/onu/media`, which loads `react-easy-crop`, `signature_pad`, `media-chrome`, `yet-another-react-lightbox` and `uqr`), `@inertiajs/react` (pages), `cropperjs` (cropper) and `@tiptap/core` (blocks). Run `php artisan manifest:check` to list what's missing. diff --git a/docs/advanced-usage/json-api.md b/docs/advanced-usage/json-api.md new file mode 100644 index 0000000..c2004a5 --- /dev/null +++ b/docs/advanced-usage/json-api.md @@ -0,0 +1,67 @@ +--- +title: JSON API +sidebar_position: 2 +--- + +Every library route answers JSON when the request expects it (`Accept: application/json`). The pickers, the editor blocks and the React pages use it; your own front end can too. Requests are authorized like the pages, against the guard of the routes. + +| Request | Response | +| --- | --- | +| `GET /media?search=&type[]=&owner=mine&orderby=&order=&per_page=&page=` | A paginated `MediaResource` collection (`data`, `links`, `meta`) | +| `POST /media` (multipart: `file`, `name`, `description`, `alt`, `caption`, `type`, `crops[preset][x…]`) | `201` with the new media | +| `GET /media/{id}` | The media | +| `PATCH /media/{id}` (`name`, `description`, `alt`, `caption`) | The media | +| `PUT /media/{id}/crops/{preset}` (`x`, `y`, `width`, `height`, `rotation`) | The media | +| `DELETE /media/{id}` | `204` | +| `PUT /media` (`action=delete`, `media[]`) | `{"deleted": [ids]}` | + +`type` on an upload limits what may be uploaded (one type or `type[]`). With javaabu/translatable, details are sent per locale: `name_en`, `name_dv`, …. + +# MediaResource + +```json +{ + "id": 12, + "uuid": "…", + "name": "ހުޅުމާލޭގެ ބީޗް", + "file_name": "beach.jpg", + "mime_type": "image/jpeg", + "type": "image", + "icon": "image", + "size": 245760, + "human_size": "240 KB", + "width": 1600, + "height": 1067, + "description": null, + "alt": "ބީޗް", + "caption": null, + "url": "https://example.com/storage/12/beach.jpg", + "thumb": "https://example.com/storage/12/conversions/beach-mediapicker-thumb.jpg", + "preview": "https://example.com/storage/12/conversions/beach-mediapicker-large.jpg", + "crops": {"wide": {"x": 0, "y": 83, "width": 1600, "height": 900, "rotation": 0}}, + "translations": null, + "owner": {"id": 3, "name": "Ahmed"}, + "created_at": "2026-11-05T10:00:00+05:00", + "updated_at": "2026-11-05T10:00:00+05:00", + "can": {"update": true, "delete": true}, + "links": {"show": "…/media/12", "edit": "…/media/12/edit", "update": "…/media/12", "destroy": "…/media/12"} +} +``` + +`thumb` and `preview` fall back to the original for images until the library conversions are made; they're null for other files. `translations` has the values per locale (`name_en`, `name_dv`, …) when translatable is on. `MediaResource::make($media)->forLibrary('admin.media')` links to another library. + +# From JavaScript + +```ts +import { createLibraryClient, LibraryError } from "@javaabu/mediapicker" + +const library = createLibraryClient("/admin/media") + +const page = await library.list({ search: "ބީޗް", type: "image", page: 1 }) +const media = await library.upload(file, { alt: "ބީޗް", onProgress: (fraction) => console.log(fraction) }) +await library.update(media.id, { caption: "ފޮޓޯ: އަޙްމަދު" }) +await library.crop(media.id, "wide", { x: 0, y: 83, width: 1600, height: 900 }) +await library.destroy(media.id) +``` + +It sends the XSRF cookie (or the `csrf-token` meta tag), and throws `LibraryError` with Laravel's validation `errors`. diff --git a/docs/advanced-usage/overriding-controllers-and-views.md b/docs/advanced-usage/overriding-controllers-and-views.md new file mode 100644 index 0000000..2829d52 --- /dev/null +++ b/docs/advanced-usage/overriding-controllers-and-views.md @@ -0,0 +1,64 @@ +--- +title: Overriding controllers and views +sidebar_position: 4 +--- + +# The controller + +Extend the package's controller and point the config (or one `Route::mediapicker()`) at it: + +```php +namespace App\Http\Controllers; + +use Illuminate\Http\Request; +use Javaabu\Mediapicker\Http\Controllers\MediaController as BaseController; + +class MediaController extends BaseController +{ + // only images in this app's library + protected function filters(Request $request): array + { + return [...parent::filters($request), 'type' => ['image']]; + } +} +``` + +```php +// config/mediapicker.php +'media_controller' => App\Http\Controllers\MediaController::class, + +// or for one library +Route::mediapicker(['controller' => App\Http\Controllers\MediaController::class]); +``` + +Protected methods to override: `addToLibrary()` (what an upload saves), `query()` (the library query), `filters()`, `pageData()` (what every page gets), `detailsForm()` (the stencil form of the edit page), `findMedia()`, `resource()`. + +The details form is `Javaabu\Mediapicker\Stencil\MediaDetailsForm`; extend it and return yours from `detailsForm()` to add fields (save them in `update()`). + +# Blade views + +```bash +php artisan vendor:publish --tag=mediapicker-views +``` + +| View | | +| --- | --- | +| `media/index`, `create`, `edit`, `show` | The pages; they extend `config('mediapicker.layout')` | +| `media/partials/filters`, `grid`, `list`, `thumb`, `preview`, `alerts` | Their parts | +| `components/picker`, `components/image` | `` and `` | +| `stencil/picker` | The stencil field | +| `blocks/image`, `gallery`, `file`, `media-video` | The editor blocks' markup | + +# React pages and components + +The pages (`resources/js/Pages/Media/*.tsx`) and components are shipped through javaabu/manifest. Override any single file: + +```bash +php artisan manifest:override mediapicker js/Pages/Media/Index.tsx +``` + +The copy in `resources/vendor/mediapicker/js/Pages/Media/Index.tsx` wins, and its relative imports still resolve to the package. Page props are typed in `@javaabu/mediapicker` (`MediaIndexProps`, `MediaEditProps`, …). + +# Styles + +The package's stylesheet (`resources/css/mediapicker.css`) uses Onu's CSS variables when the page has them (`--onu-primary`, `--onu-radius`, …), with plain fallbacks. Override the `--mp-*` variables on `.mp-dialog`, `.mp-field`, `.mp-library` or `.mp-block` to restyle it. diff --git a/docs/advanced-usage/permissions-and-policies.md b/docs/advanced-usage/permissions-and-policies.md new file mode 100644 index 0000000..eb54a67 --- /dev/null +++ b/docs/advanced-usage/permissions-and-policies.md @@ -0,0 +1,75 @@ +--- +title: Permissions and policies +sidebar_position: 3 +--- + +# Permissions + +The package registers the `media` group with javaabu/permissions (labelled "Media"). `php artisan permissions:sync` creates the permissions for every guard in `config('permissions.guards')`; give them to roles as usual. + +| Permission | Description | +| --- | --- | +| `view_media` | View the media library | +| `view_others_media` | View media uploaded by others | +| `edit_media` | Upload media and edit your own | +| `edit_others_media` | Edit media uploaded by others | +| `delete_media` | Delete your own media | +| `delete_others_media` | Delete media uploaded by others | + +Their descriptions are translated (`lang/dv.json`). Turn registration off with `'register_permissions' => false` and register your own. + +# The policy + +`Javaabu\Mediapicker\Policies\MediaPolicy` extends javaabu/permissions' `ResourcePolicy` with ownership: + +| Ability | Allowed when | +| --- | --- | +| `viewAny` | `view_media` | +| `viewOthers` | `view_others_media` | +| `view` | `view_media`, and `view_others_media` unless the user uploaded it | +| `create` | `edit_media`, and the user is a `MediaOwner` | +| `update` | `edit_others_media`, or `edit_media` and the user uploaded it | +| `delete` | `delete_others_media`, or `delete_media` and the user uploaded it | +| `restore`, `forceDelete`, `viewTrash` | never | + +Every ability also needs the media to be in the library of the user's kind of user: an admin is never allowed a user's upload. + +The policy is checked against the user of the guard the routes were registered for. `Media::query()->visibleTo($user)` uses `viewOthers` to list what a user may see, and `LibraryMedia` uses it to validate picked ids. + +# Overriding + +In order of precedence: + +```php +// config/permissions.php +'policies' => [Javaabu\Mediapicker\Models\Media::class => App\Policies\MediaPolicy::class], + +// or your AuthServiceProvider / AppServiceProvider +Gate::policy(Javaabu\Mediapicker\Models\Media::class, App\Policies\MediaPolicy::class); + +// or config/mediapicker.php +'policy' => App\Policies\MediaPolicy::class, +``` + +Extend the package's policy to change one ability: + +```php +class MediaPolicy extends \Javaabu\Mediapicker\Policies\MediaPolicy +{ + public function delete(Model $user, Model $media): bool + { + return parent::delete($user, $media) && $media->created_at->isAfter(now()->subDay()); + } +} +``` + +# Several guards + +Register a library per guard; each checks its own guard's permissions and shows its own users' uploads. + +```php +Route::middleware('web')->group(function () { + Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); + Route::mediapicker(['guard' => 'web', 'prefix' => 'account/media', 'name' => 'account.media']); +}); +``` diff --git a/docs/advanced-usage/translatable.md b/docs/advanced-usage/translatable.md new file mode 100644 index 0000000..70eb43c --- /dev/null +++ b/docs/advanced-usage/translatable.md @@ -0,0 +1,41 @@ +--- +title: Translatable +sidebar_position: 5 +--- + +With [javaabu/translatable](https://github.com/Javaabu/translatable) v3 installed and languages set up, media names, descriptions, alt text and captions can be translated. Without it, everything works in one language; nothing references translatable's classes. + +```bash +composer require javaabu/translatable +php artisan migrate # the package's migration adds nullable translations and lang columns to media +``` + +# The model + +When `mediapicker.media_model` is null (the default) and translatable is on, the package uses `Javaabu\Mediapicker\Models\Translatable\Media`, which uses translatable's JSON storage. Set spatie's model to it too, so uploads are created as it: + +```php +// config/media-library.php +'media_model' => Javaabu\Mediapicker\Models\Translatable\Media::class, +``` + +To use your own, extend it (or the base model with `IsJsonTranslatable`) and set `mediapicker.media_model`. + +# Reading and writing + +```php +$media->name; // in the current locale, falling back to the default +$media->alt_dv; // the Dhivehi alt text, or null +$media->fill(['name_en' => 'Beach', 'name_dv' => 'ބީޗް', 'caption_dv' => 'ހުޅުމާލެ'])->save(); +``` + +`description`, `alt` and `caption` are custom properties in the default language, and translated values go in `translations`, like `name`. + +# Forms and the API + +- The edit page's details form (stencil) shows one input per language, in both stacks. +- Uploads and updates take values per locale (`name_en`, `name_dv`, …): the primary language keeps the rules, the others are optional. +- `MediaResource` has `translations`: every translatable field in every locale. +- Inertia pages get `translatable: true`. + +``, `` and the editor blocks use the alt text in the current locale. diff --git a/docs/ai-assistants.md b/docs/ai-assistants.md new file mode 100644 index 0000000..11d4e78 --- /dev/null +++ b/docs/ai-assistants.md @@ -0,0 +1,33 @@ +--- +title: AI assistants +sidebar_position: 1.35 +--- + +The docs are plain Markdown, written for people and AI coding assistants alike. The package ships them, so they always match the version you have installed. + +| File | What | +| --- | --- | +| `vendor/javaabu/mediapicker/llms.txt` | The rules for using the package, and every page | +| `vendor/javaabu/mediapicker/docs/` | The pages | +| `vendor/javaabu/mediapicker/resources/boost/` | The Laravel Boost skill and guideline | + +# Laravel Boost + +[Laravel Boost](https://github.com/laravel/boost) finds the skill and guideline by itself in Composer packages. Run this after installing or updating the package: + +```bash +php artisan boost:update +``` + +Choose `javaabu/mediapicker` if Boost asks which third-party packages to use. + +# Other assistants + +Point your assistant at the docs from the project's instructions file (`AGENTS.md`, `CLAUDE.md`, `.cursor/rules`, `.github/copilot-instructions.md`): + +```md +## Media library + +Media uploads, picker fields, attachments and image conversions use javaabu/mediapicker. +Read vendor/javaabu/mediapicker/llms.txt before changing them. +``` diff --git a/docs/basic-usage/_category_.json b/docs/basic-usage/_category_.json index 56d416a..9d88dd4 100644 --- a/docs/basic-usage/_category_.json +++ b/docs/basic-usage/_category_.json @@ -6,6 +6,6 @@ "link": { "type": "generated-index", "slug": "/mediapicker/_categories/basic-usage", - "description": "Everything you need to know to get started!" + "description": "The library, picker fields, attachments, conversions, cropping and the block editor blocks." } } diff --git a/docs/basic-usage/attachments.md b/docs/basic-usage/attachments.md new file mode 100644 index 0000000..46df468 --- /dev/null +++ b/docs/basic-usage/attachments.md @@ -0,0 +1,94 @@ +--- +title: Attachments +sidebar_position: 3 +--- + +An attachment links a library media to a model, in one of the model's attachment collections, with an order. The file isn't copied: one upload can be the featured image of one post and part of another's gallery. Deleting the model deletes its attachments; deleting the media deletes every attachment of it. + +# Collections + +Collections work like spatie's media collections. Declare them when you need limits; any name works without declaring it. + +```php +use Javaabu\Mediapicker\Concerns\InteractsWithAttachments; +use Javaabu\Mediapicker\Contracts\HasAttachments; +use Javaabu\Mediapicker\Support\FileTypes; +use Spatie\MediaLibrary\MediaCollections\File; + +class Post extends Model implements HasAttachments +{ + use InteractsWithAttachments; + + public function registerAttachmentCollections(): void + { + $this->addAttachmentCollection('featured_image') + ->singleFile() + ->acceptsFile(fn (File $file) => FileTypes::isAllowed($file->mimeType, 'image')); + + $this->addAttachmentCollection('gallery') + ->onlyKeepLatest(20); + + $this->addAttachmentCollection('documents') + ->acceptsMimeTypes(['application/pdf']); + } +} +``` + +Attaching media a collection doesn't accept throws `MediaUnacceptableForCollection`. + +# Attaching + +```php +$post->updateAttachmentMedia([$media_3->id, $media_1->id], 'gallery'); // exactly these, in this order +$post->updateAttachmentMedia([], 'gallery'); // clear it +$post->syncAttachmentsFromRequest('gallery'); // from a picker field (see Picker fields) + +$post->addAttachment($media)->toAttachmentCollection('gallery'); // add one +$post->addAttachment($media_id)->setOrder(1)->toAttachmentCollection('gallery'); +$post->addAttachmentFromRequest('featured_image')->toAttachmentCollection('featured_image'); + +$post->deleteAttachment($attachment); +$post->clearAttachmentCollection('gallery'); +$post->clearAttachmentCollectionExcept('gallery', $keep); +``` + +On a model that isn't saved yet, attachments are saved after it's created. + +# Reading + +```php +$post->hasAttachments('gallery'); +$post->getAttachments('gallery'); // Collection, in order +$post->getAttachmentMedia('gallery'); // Collection, in order +$post->getFirstAttachment('featured_image'); +$post->getFirstAttachmentMedia('featured_image'); + +$post->getFirstAttachmentUrl('featured_image'); // the original +$post->getFirstAttachmentUrl('featured_image', 'card'); // a conversion +$post->getFirstAttachmentPath('featured_image', 'card'); +$post->getFirstAttachmentTemporaryUrl(now()->addHour(), 'featured_image', 'card'); + +Post::query()->withAttachments()->get(); // eager loads attachments.media +``` + +On an attachment: + +| Method | | +| --- | --- | +| `getUrl($conversion = '')`, `getPath()`, `getTemporaryUrl()` | The original or a conversion, whether or not it's made yet | +| `getAvailableUrl(['card', 'thumb'])` | The first of these conversions that's made, else the original. Use it in pages, so queued conversions never show a broken image | +| `getFormatUrl('card', 'webp')` | The conversion's copy in another format, once made | +| `getSrcset('card', $format = null)` | A srcset of the conversion's responsive widths and its full width | +| `conversionMetadata('card')` | `width`, `height`, `formats` and `widths` of what was made, or null | +| `hasGeneratedConversion('card')` | Whether it's made for the current media and crop | +| `conversion('card')`, `conversions()` | The model's conversions for this collection | + +# Commands + +| Command | | +| --- | --- | +| `php artisan mediapicker:regenerate {modelType?} {--ids=*} {--only=*} {--starting-from-id=} {--exclude-starting-id} {--only-missing} {--queue-all} {--force}` | Make the conversions of attachments again | +| `php artisan mediapicker:clean {modelType?} {collectionName?} {--dry-run} {--delete-orphaned} {--skip-conversions} {--rate-limit=} {--force}` | Delete conversion files no attachment uses any more (after you change a conversion, or a crop), and with `--delete-orphaned`, attachments whose model is gone | +| `php artisan mediapicker:clear {modelType?} {collectionName?} {--force}` | Delete attachments | + +Schedule `mediapicker:clean` (say daily) to keep the disk tidy. diff --git a/docs/basic-usage/block-editor.md b/docs/basic-usage/block-editor.md new file mode 100644 index 0000000..77d0042 --- /dev/null +++ b/docs/basic-usage/block-editor.md @@ -0,0 +1,46 @@ +--- +title: Block editor blocks +sidebar_position: 6 +--- + +The package adds four blocks to [javaabu/block-editor](https://github.com/Javaabu/block-editor) that pick from the media library: + +| Block | Title | | +| --- | --- | --- | +| `image` | Image | Replaces the core URL image block. Alt text, caption and link in its settings | +| `gallery` | Gallery | Several images in a grid of 1–6 columns, with a caption | +| `file` | File | A download link with the file's name and size | +| `mediaVideo` | Video file | An uploaded video, with controls, autoplay, loop and muted. The core `embed` block keeps YouTube and Vimeo | + +They're registered when the package boots (turn them off with `'blocks' => false` in `config/mediapicker.php`), and the `default` profile (`['*']`) offers them. Add them to your own profiles by name: + +```php +BlockEditor::profile('article', ['paragraph', 'heading', 'image', 'gallery', 'file', 'mediaVideo']); +``` + +# In the editor + +Inserting a block opens the library dialog; the chosen media fills it. Each block has a **Change** button to pick again. The picker uses the library of the signed-in user's guard; set another with `Javaabu\Mediapicker\Blocks\MediaBlock::$library = 'admin.media'` in a service provider. + +The editor requires the blocks' script (`mediapicker::blocks`) through each block's `$script`. In Blade, manifest adds it with the editor. In React, import it once where you use the editor: + +```tsx +import "@javaabu/mediapicker/blocks" +``` + +# What's stored + +Each block keeps the media id and a snapshot, so content renders even without the library: + +```json +{"type": "image", "attrs": {"mediaId": 12, "src": "/storage/12/conversions/beach-mediapicker-large.jpg", "width": 1200, "height": 800, "alt": "ބީޗް", "caption": null, "link": null}} +{"type": "gallery", "attrs": {"items": [{"id": 12, "src": "…", "thumb": "…", "alt": "…", "width": 1200, "height": 800}], "columns": 3, "caption": null}} +{"type": "file", "attrs": {"mediaId": 15, "href": "…", "fileName": "report.pdf", "size": "2.4 MB", "mimeType": "application/pdf", "label": "Annual report"}} +{"type": "mediaVideo", "attrs": {"mediaId": 20, "src": "…", "mimeType": "video/mp4", "caption": null, "controls": true, "autoplay": false, "loop": false, "muted": false}} +``` + +Validating content with `BlockContent` checks the media ids with `LibraryMedia`: editors can only use media they may see, of the right type. Unsafe URLs are dropped when content is sanitized. + +# Rendering + +Blade (``) looks the media up again, so pages show current URLs and alt text; when the media is gone, the snapshot is used. The views are `mediapicker::blocks.image`, `gallery`, `file` and `media-video` (publish them to change the markup). React's `` renders the same markup from the snapshot, with the blocks' `render` components (`ImageRender`, `GalleryRender`, `FileRender`, `VideoRender`). The styles (`.mp-block-*`) come with the package's stylesheet. diff --git a/docs/basic-usage/conversions.md b/docs/basic-usage/conversions.md new file mode 100644 index 0000000..e65de06 --- /dev/null +++ b/docs/basic-usage/conversions.md @@ -0,0 +1,103 @@ +--- +title: Conversions +sidebar_position: 4 +--- + +A model declares the image sizes its attachments need. They're made for the attachment, from the library file, and kept with the media. + +# Declaring conversions + +```php +use Javaabu\Mediapicker\Contracts\HasAttachments; +use Spatie\Image\Enums\Fit; +use Spatie\MediaLibrary\MediaCollections\Models\Media; + +class Post extends Model implements HasAttachments +{ + use InteractsWithAttachments; + + public function registerAttachmentConversions(?Media $media = null): void + { + $this->addAttachmentConversion('card') + ->usingCrop('wide') // the media's 16:9 crop, when it has one + ->fit(Fit::Crop, 800, 450) + ->formats(['avif', 'webp']) // extra copies in modern formats + ->withResponsiveImages() // smaller widths for srcset + ->performOnCollections('featured_image'); + + $this->addAttachmentConversion('thumb') + ->fit(Fit::Crop, 200, 200) + ->nonQueued() // made right away + ->performOnCollections('featured_image', 'gallery'); + } +} +``` + +`addAttachmentConversion()` returns an `AttachmentConversion`, which is spatie's `Conversion` (every manipulation, `queued()`, `nonQueued()`, `keepOriginalImageFormat()`, `withResponsiveImages()`, `pdfPageNumber()`, `extractVideoFrameAtSecond()`) with: + +| Method | | +| --- | --- | +| `usingCrop('wide')` | Apply the media's crop for this preset first (see [Cropping](cropping.md)) | +| `formats(['avif', 'webp'])` | Also save the conversion in these formats. Formats the image driver can't write are skipped with a warning | + +Conversions can also be declared per collection, as with spatie: `$this->addAttachmentCollection('gallery')->registerMediaConversions(fn () => $this->addAttachmentConversion('thumb')->width(200))`. + +# Less work + +- **Only what a collection needs.** A conversion is made only for the collections in `performOnCollections()` (all of them when it names none), and only for images, PDFs and videos spatie can convert. +- **Queued.** Conversions are queued unless they're `nonQueued()` (following spatie's `queue_conversions_by_default`, queue and connection). The library's own thumbnail is made right away, for the pickers. +- **Never made twice.** Each conversion file name carries a fingerprint of what it does: its manipulations, format, and the crop it uses (`beach-card-3f9a1c0b2e.jpg`, in the media's `conversions/attachments` folder). Attaching media again, or attaching it to another model that declares the same conversion, makes nothing new: identical conversions share one file. +- **No clashes.** Two models can both have a `thumb` of different sizes; they get different files. +- **Only what changed.** A new crop changes the fingerprint of the conversions that use it, so only those are made again. Changing a definition makes new files on the next `mediapicker:regenerate --only-missing`. Old files stay until `mediapicker:clean` removes them, so pages never point at a missing file. + +spatie's own `media-library:clean` and file removal leave the `attachments` folder alone, except when the media itself is deleted. + +# Showing images + +## Blade + +```blade + + + {{-- a library image, at its preview size --}} +``` + +It renders `` with a `` per extra format, `srcset` and `sizes` when there are responsive widths, `width` and `height` (no layout shift), the media's alt text (or `alt`), and `loading="lazy"`. Until a queued conversion is made, it shows the original. It renders nothing when there's no image. + +## Inertia React + +Prepare the image on the server and render it with ``, which outputs the same markup: + +```php +use Javaabu\Mediapicker\Mediapicker; +use Javaabu\Mediapicker\Support\ImageData; + +'image' => Mediapicker::image($post, 'featured_image', 'card', sizes: '100vw'), +'gallery' => ImageData::forCollection($post, 'gallery', 'thumb'), +``` + +```tsx +import { Picture } from "@javaabu/mediapicker" + + +``` + +## By hand + +```php +$attachment = $post->getFirstAttachment('featured_image'); + +$attachment->getAvailableUrl('card'); +$attachment->getFormatUrl('card', 'avif'); +$attachment->getSrcset('card', 'webp'); +$attachment->conversionMetadata('card'); // ['width' => 800, 'height' => 450, 'formats' => ['jpg', 'avif', 'webp'], 'widths' => [669, 560]] +``` + +# Regenerating + +```bash +php artisan mediapicker:regenerate # every attachment +php artisan mediapicker:regenerate post --only=card # one model type, one conversion +php artisan mediapicker:regenerate --only-missing # only what isn't made yet (after changing a definition) +php artisan mediapicker:clean # then remove the files nothing uses +``` diff --git a/docs/basic-usage/cropping.md b/docs/basic-usage/cropping.md new file mode 100644 index 0000000..fc5ac0b --- /dev/null +++ b/docs/basic-usage/cropping.md @@ -0,0 +1,58 @@ +--- +title: Cropping +sidebar_position: 5 +--- + +Images are cropped to aspect-ratio presets. A crop is saved on the media, in source pixels, per preset; the original file is never changed. Attachment conversions that use a preset are made from its crop. + +# Presets + +```php +// config/mediapicker.php +'crop_presets' => [ + 'square' => ['label' => 'Square', 'aspect' => 1], + 'wide' => ['label' => 'Wide (16:9)', 'aspect' => 16 / 9], + 'landscape' => ['label' => 'Landscape (4:3)', 'aspect' => 4 / 3], + 'portrait' => ['label' => 'Portrait (3:4)', 'aspect' => 3 / 4], + 'free' => ['label' => 'Free', 'aspect' => null], +], +``` + +Labels are translated (add yours to `lang/dv.json`). A conversion uses a preset with `->usingCrop('wide')`; without a saved crop it uses the whole image, and its own `fit()` decides the rest. + +# In the library + +The edit page has the cropper for images: choose a preset, move and resize the box, and save. Saving makes the conversions that use the preset again (queued ones on the queue), for every attachment of the image. The same cropper is on the Blade page (cropperjs) and the React page (`MediaCropper`). + +# On upload + +React pickers can crop an image before it's uploaded: give the field a preset. + +```tsx + +``` + +```php +MediaPickerField::make('featured_image')->mediaType('image')->crop('wide'); +``` + +The dialog shows Onu's `ImageCropper` for each new image, and the crop is saved with the upload. In Blade, uploading from the library goes to the edit page, where the image is cropped. + +# From code and the API + +```php +use Javaabu\Mediapicker\Cropping\Cropper; + +app(Cropper::class)->crop($media, 'wide', ['x' => 0, 'y' => 120, 'width' => 1600, 'height' => 900]); +app(Cropper::class)->forget($media, 'wide'); // back to the whole image +app(Cropper::class)->cropFor($media, 'wide'); // ['x' => 0, 'y' => 120, 'width' => 1600, 'height' => 900, 'rotation' => 0] +``` + +```http +PUT /media/12/crops/wide +{"x": 0, "y": 120, "width": 1600, "height": 900} +``` + +Uploads take crops too: `crops[wide][x]`, `crops[wide][y]`, `crops[wide][width]`, `crops[wide][height]`. A crop may have a `rotation` of 0, 90, 180 or 270 degrees (clockwise, applied before cropping); the cropper UIs don't rotate. + +Saving a crop fires `Javaabu\Mediapicker\Events\MediaCropped` (`$media`, `$preset`, `$crop`), which the package listens to for regenerating. diff --git a/docs/basic-usage/media-library.md b/docs/basic-usage/media-library.md new file mode 100644 index 0000000..aac73a3 --- /dev/null +++ b/docs/basic-usage/media-library.md @@ -0,0 +1,82 @@ +--- +title: The media library +sidebar_position: 1 +--- + +# What's in a library + +A library is the media in an owner's library collection (`config('mediapicker.collection_name')`, default `mediapicker`) for one kind of user. An admin's library holds the files admins uploaded; a user's, the files users uploaded. Each upload remembers who uploaded it. + +| A user with | Sees | Edits | Deletes | +| --- | --- | --- | --- | +| `view_media` | Their uploads | | | +| `view_others_media` | Everyone's | | | +| `edit_media` | | Their uploads, and may upload | | +| `edit_others_media` | | Everyone's | | +| `delete_media` | | | Their uploads | +| `delete_others_media` | | | Everyone's | + +# The pages + +`Route::mediapicker()` adds the library pages (see [Installation](../installation-and-setup.md#routes)): + +| Route | Page | +| --- | --- | +| `media.index` (`GET /media`) | The library: grid or list, search, type, uploader and date filters, sorting, pages, bulk delete | +| `media.create` (`GET /media/create`) | Upload. Blade uploads one file with its details; React uploads several at once with progress | +| `media.store` (`POST /media`) | Saves an upload and goes to its edit page | +| `media.show` (`GET /media/{id}`) | A file with its details, URL and download | +| `media.edit` (`GET /media/{id}/edit`) | The details form, the preview and the cropper | +| `media.update` (`PATCH /media/{id}`) | Saves the details | +| `media.destroy` (`DELETE /media/{id}`) | Deletes the file and its attachments | +| `media.crop` (`PUT /media/{id}/crops/{preset}`) | Saves a crop (see [Cropping](cropping.md)) | +| `media.bulk` (`PUT /media`) | `action=delete` with `media[]` | + +The index takes `search`, `type` (one or `type[]`), `owner=mine`, `date_from`, `date_to` (`Y-m-d`), `orderby` (`created_at`, `name`, `size`, `id`) and `order`, or `sort=name:asc`, `per_page` (up to 100) and `view` (`grid` or `list`). + +Every route also answers JSON, which the pickers use: see [JSON API](../advanced-usage/json-api.md). + +# Linking to the library + +```php +use Javaabu\Mediapicker\Mediapicker; + +Mediapicker::url('index'); // the library of the current request, else of the signed-in guard, else the default +Mediapicker::url('edit', $media); +Mediapicker::url('index', route_name: 'admin.media'); +$media->libraryUrl('show'); +``` + +# Media details + +| Attribute | Stored in | +| --- | --- | +| `name` | spatie's `name` column. Uploads are named after the file unless a name is given | +| `description`, `alt`, `caption` | Custom properties | +| `width`, `height` | Custom properties, read from images on upload | +| `crops` | Custom properties, per preset | + +```php +$media->alt = 'ހުޅުމާލޭގެ ބީޗް'; +$media->save(); + +$media->altText(); // the alt text, else the name +$media->file_type; // image, video, audio, document, archive or null +$media->getIcon(); // a Lucide icon name for the type +$media->isOwnedBy($user); + +Media::query()->visibleTo($user)->hasFileType('image')->search('ބީޗް')->get(); +``` + +# File types + +`config('mediapicker.file_types')` lists what the library accepts, by type, with mime types, an icon and an optional `max_size` (KB). Uploads larger than the type's size, or `mediapicker.max_upload_size`, or spatie's `max_file_size`, are refused. SVG isn't accepted by default, because an uploaded SVG can run scripts when it's opened from your domain. + +```php +'file_types' => [ + 'image' => ['mime_types' => ['image/jpeg', 'image/png', 'image/webp', 'image/avif', 'image/gif'], 'icon' => 'image', 'max_size' => 5120], + // ... +], +``` + +`Javaabu\Mediapicker\Support\FileTypes` reads it: `typeOf($mime)`, `mimeTypes($types)`, `maxSize($types)`, `rules($types)`. diff --git a/docs/basic-usage/picker-fields.md b/docs/basic-usage/picker-fields.md new file mode 100644 index 0000000..849fd95 --- /dev/null +++ b/docs/basic-usage/picker-fields.md @@ -0,0 +1,126 @@ +--- +title: Picker fields +sidebar_position: 2 +--- + +A picker field chooses media from the library (and uploads to it) and submits their ids. You validate them with `LibraryMedia` and save them to an attachment collection. + +# Blade + +```blade + + + + + + + +``` + +| Attribute | Default | | +| --- | --- | --- | +| `name` | | The input name. Several are submitted as `name[]` | +| `label` | The name, headlined | | +| `model` | The form's bound model | The model whose attachments are the value | +| `collection` | The name | The attachment collection to read | +| `type` | any | `image`, `video`, `audio`, `document`, `archive`, or a list | +| `multiple` | `false` | Choose several, in order | +| `required`, `disabled`, `help`, `show-label` | | As other javaabu/forms fields | +| `upload` | `true` | Allow uploads from the dialog | +| `route` | The signed-in guard's library | The route name prefix of the library (`admin.media`) | +| `url` | | The library's index URL, instead of `route` | +| `value` | | Media, ids or a collection, instead of the model's | + +The value is the old input after a failed validation, else `value`, else the model's attachments. Only media the user may see are shown. The field shows the chosen media with their thumbnails; the dialog searches, filters by type, loads more, and uploads with progress. People reorder and remove media in the field. It submits an empty value when nothing is chosen, so clearing it is saved too. + +The script (`mediapicker::picker`) is required by the component; manifest adds it to the page. Fields added to the page later (modals, Livewire) are mounted on their own. From your own scripts: + +```js +const media = await window.Mediapicker.open({ url: "/admin/media", type: "image", multiple: true }) +window.Mediapicker.field(element).set(media) +``` + +# Inertia React + +`MediaPickerField` is a controlled field: bind it with `value` and `onChange` (see [Javaabu/react-forms#23](https://github.com/Javaabu/react-forms/issues/23)). Its value is media items (`MediaItem`), and it submits their ids. + +```tsx +import { MediaPickerField, type MediaItem } from "@javaabu/mediapicker" +import { Form, Submit } from "@javaabu/forms" + +export default function Edit({ post, featured, gallery }: Props) { + const [image, setImage] = useState(featured) + const [images, setImages] = useState(gallery) + + return ( +
    + setImage(value as MediaItem | null)} crop="wide" /> + setImages(value as MediaItem[])} /> + + + ) +} +``` + +Send the current media from the controller as `MediaResource`s: + +```php +use Javaabu\Mediapicker\Http\Resources\MediaResource; + +'featured' => ($media = $post->getFirstAttachmentMedia('featured_image')) ? MediaResource::make($media)->resolve() : null, +'gallery' => MediaResource::collection($post->getAttachmentMedia('gallery'))->resolve(), +``` + +| Prop | | | +| --- | --- | --- | +| `name`, `label`, `help`, `required`, `disabled` | | As other @javaabu/forms fields; errors on `name` and `name.*` show under it | +| `value`, `onChange` | | One `MediaItem` (or null), or a list with `multiple` | +| `multiple`, `type` | | As in Blade | +| `crop` | | A crop preset: new images are cropped to it before they're uploaded | +| `url`, `types`, `accept`, `strings` | From `MediapickerProvider` | | +| `upload` | `true` | | + +`MediaPicker` is the same without the form group, and `MediaLibraryDialog` is the dialog alone (`open`, `onOpenChange`, `onChoose`). + +# Stencil + +```php +use Javaabu\Mediapicker\Stencil\MediaPickerField; + +MediaPickerField::make('featured_image')->mediaType('image')->required()->crop('wide'), +MediaPickerField::make('gallery')->mediaType('image')->multiple(), +MediaPickerField::make('files')->collection('documents')->mediaType('document')->multiple()->library('admin.media'), +``` + +It reads the record's attachments, validates the ids with `LibraryMedia`, and saves them with `updateAttachmentMedia()` after the record is saved. Blade forms render ``; React forms render `StencilMediaPicker` (register it as the `mediapicker` type). + +| Method | | +| --- | --- | +| `collection($name)` | The attachment collection; default: the field name | +| `mediaType($types)` | Only these file types | +| `multiple()` | Several, in order | +| `crop($preset)` | Crop new images before uploading (React) | +| `library($route_name)` | Pick from this library | +| `upload(false)` | No uploads from the dialog | + +# Validating and saving + +Always validate picked ids with `LibraryMedia`: it only accepts media the user may see, of the given types. Without it, anyone could attach any file by its id. + +```php +use Javaabu\Mediapicker\Rules\LibraryMedia; + +$request->validate([ + 'featured_image' => ['required', new LibraryMedia(type: 'image')], + 'gallery' => ['nullable', 'array', 'max:20'], + 'gallery.*' => [new LibraryMedia(type: 'image')], +]); + +$post->update($request->safe()->except(['featured_image', 'gallery'])); + +$post->syncAttachmentsFromRequest('featured_image'); +$post->syncAttachmentsFromRequest('gallery'); +$post->syncAttachmentsFromRequest('files', key: 'attachments'); +``` + +`syncAttachmentsFromRequest($collection, $key = $collection)` leaves the collection alone when the request doesn't have the field, clears it for an empty value, and otherwise makes it hold exactly those media, in order. diff --git a/docs/changelog.md b/docs/changelog.md index 49d2e5e..069a91b 100644 --- a/docs/changelog.md +++ b/docs/changelog.md @@ -3,4 +3,4 @@ title: Changelog sidebar_position: 1.5 --- -All notable changes to this package are documented on [GitHub](https://github.com/Javaabu/mediapicker/blob/main/CHANGELOG.md) +All notable changes to this package are documented on [GitHub](https://github.com/Javaabu/mediapicker/blob/main/CHANGELOG.md). diff --git a/docs/installation-and-setup.md b/docs/installation-and-setup.md index a56b930..cfb2c65 100644 --- a/docs/installation-and-setup.md +++ b/docs/installation-and-setup.md @@ -3,22 +3,192 @@ title: Installation & Setup sidebar_position: 1.2 --- -You can install the package via composer: +# Installing ```bash composer require javaabu/mediapicker ``` -# Publishing the config file +The service provider is discovered automatically, along with spatie's. -Publishing the config file is optional: +# Migrating + +Publish spatie's media table first, then migrate. The package loads its own migrations: the `attachments` table, and nullable `translations` and `lang` columns on `media` (used only with javaabu/translatable). ```bash -php artisan vendor:publish --provider="Javaabu\Mediapicker\MediapickerServiceProvider" --tag="mediapicker-config" +php artisan vendor:publish --provider="Spatie\MediaLibrary\MediaLibraryServiceProvider" --tag="medialibrary-migrations" +php artisan migrate +``` + +To publish the package's migrations instead of loading them: + +```php +// AppServiceProvider::register() +\Javaabu\Mediapicker\Mediapicker::ignoreMigrations(); +``` + +```bash +php artisan vendor:publish --tag=mediapicker-migrations +``` + +# The media model + +Point spatie at the package's media model, so uploads are created as library media: + +```php +// config/media-library.php +'media_model' => Javaabu\Mediapicker\Models\Media::class, ``` -This is the default content of the config file: +With javaabu/translatable, use `Javaabu\Mediapicker\Models\Translatable\Media::class` (see [Translatable](advanced-usage/translatable.md)). + +# Owners + +Users upload to their own library. Make each user model that has a library a `MediaOwner`: ```php -// TODO +use Javaabu\Mediapicker\Concerns\OwnsMedia; +use Javaabu\Mediapicker\Contracts\MediaOwner; +use Spatie\MediaLibrary\InteractsWithMedia; +use Spatie\MediaLibrary\MediaCollections\Models\Media; + +class Admin extends Authenticatable implements MediaOwner +{ + use HasRoles; + use InteractsWithMedia; + use OwnsMedia; + + public function registerMediaCollections(): void + { + $this->registerMediapickerCollections(); + } + + public function registerMediaConversions(?Media $media = null): void + { + $this->registerMediapickerConversions($media); + } +} ``` + +Each kind of user (each morph type) has its own library: admins never see users' uploads, whatever their permissions. + +# Models that attach media + +A model that uses library media implements `HasAttachments`: + +```php +use Javaabu\Mediapicker\Concerns\InteractsWithAttachments; +use Javaabu\Mediapicker\Contracts\HasAttachments; + +class Post extends Model implements HasAttachments +{ + use InteractsWithAttachments; +} +``` + +See [Attachments](basic-usage/attachments.md) for collections, and [Conversions](basic-usage/conversions.md) for the image sizes it needs. + +# Permissions + +The package registers its permissions with javaabu/permissions. Create them, then give them to roles: + +```bash +php artisan permissions:sync +``` + +| Permission | Lets a user | +| --- | --- | +| `view_media` | Open the library and see their own uploads | +| `view_others_media` | See everyone's uploads (of their kind of user) | +| `edit_media` | Upload, and edit their own uploads | +| `edit_others_media` | Edit anyone's uploads | +| `delete_media` | Delete their own uploads | +| `delete_others_media` | Delete anyone's uploads | + +See [Permissions and policies](advanced-usage/permissions-and-policies.md). + +# Routes + +The library isn't loaded automatically. Register it in your routes file, inside the group with your middleware: + +```php +// routes/web.php +Route::middleware('web')->group(function () { + Route::mediapicker(); +}); + +// or for an admin guard +Route::middleware('web')->group(function () { + Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); +}); +``` + +| Option | Default | | +| --- | --- | --- | +| `guard` | `null` (the default guard) | The guard the library is for; its middleware is `auth:{guard}` | +| `prefix` | `media` | The URL prefix | +| `name` | `media` | The route name prefix (`media.index`, `media.edit`, …) | +| `middleware` | `['auth']` or `['auth:{guard}']` | Replaces the default middleware | +| `controller` | `config('mediapicker.media_controller')` | Another controller for these routes | + +Pickers find the library of the signed-in user's guard on their own. + +# Views + +Choose the stack of the library pages: + +```php +// config/mediapicker.php (php artisan vendor:publish --tag=mediapicker-config) +'views' => 'blade', // or 'inertia' +'layout' => 'layouts.admin', // Blade pages extend it… +'layout_section' => 'content', // …and fill this section +``` + +## Blade + +The pages and the picker use javaabu/forms v2 components, and their scripts and styles come through javaabu/manifest: they're injected into the page automatically (or use `@manifestStyles` and `@manifestScripts`). Apps that build with Vite get them in their build through manifest's Vite plugin; apps without Vite get the prebuilt files in the package's `dist`. + +## Inertia React + +Install `inertiajs/inertia-laravel` and set `'views' => 'inertia'`. The pages are `mediapicker::Media/Index`, `Create`, `Edit` and `Show`, resolved by `@javaabu/manifest/inertia`'s `resolvePage()`. Install what they import: + +```bash +php artisan manifest:check # lists the npm packages the app needs +``` + +Share the picker config with every page, so React pickers know the library: + +```php +// HandleInertiaRequests::share() +'mediapicker' => fn () => \Javaabu\Mediapicker\Mediapicker::pickerConfig(), +``` + +```tsx +// your layout +import { MediapickerProvider } from "@javaabu/mediapicker" + +{children} +``` + +Register the stencil field type once, if you use stencil forms: + +```tsx +import { StencilMediaPicker } from "@javaabu/mediapicker" + + +``` + +# Queue + +Attachment conversions are queued unless they're `nonQueued()`, following spatie's `queue_conversions_by_default`. Run a worker (`php artisan queue:work`). The library thumbnail is made right away, so pickers can show it. + +# Publishing + +| Tag | What | +| --- | --- | +| `mediapicker-config` | `config/mediapicker.php` | +| `mediapicker-migrations` | The migrations | +| `mediapicker-views` | The Blade views, to `resources/views/vendor/mediapicker` | +| `mediapicker-translations` | `lang/en.json` and `lang/dv.json`, to `lang/vendor/mediapicker` | + +React pages and components are overridden one file at a time with `php artisan manifest:override mediapicker js/Pages/Media/Index.tsx` (see [Overriding controllers and views](advanced-usage/overriding-controllers-and-views.md)). diff --git a/docs/intro.md b/docs/intro.md index 9a15d61..034c83e 100644 --- a/docs/intro.md +++ b/docs/intro.md @@ -5,10 +5,34 @@ sidebar_position: 1.0 # Mediapicker -:::danger +[javaabu/mediapicker](https://github.com/Javaabu/mediapicker) gives your Laravel app a media library: people upload files once, then pick them wherever a model needs an image, a gallery or a document. It's built on [spatie/laravel-medialibrary](https://spatie.be/docs/laravel-medialibrary/v11). -This package is currently under development. If anything works, that's a surprise. +- **A library per user type.** Uploads belong to the user who made them (any guard, any user model). Who may see, edit and delete others' files is decided by permissions from [javaabu/permissions](https://github.com/Javaabu/permissions). +- **Library pages** in Blade ([javaabu/forms](https://github.com/Javaabu/forms) v2) or Inertia React ([@javaabu/forms](https://github.com/Javaabu/react-forms) and [Onu](https://github.com/Javaabu/onu)): grid and list views, search, type and date filters, uploads with progress, bulk delete, details and crops. +- **Picker fields.** `` in Blade, `` in React and `MediaPickerField` for [javaabu/stencil](https://github.com/Javaabu/stencil) forms: one or several files, by type, with uploads from the dialog. +- **Attachments.** A post attaches library media to its own collections (`featured_image`, `gallery`), in order, without copying the files. +- **Conversions that do less work.** Each model declares the conversions its attachments need. They're queued, made only for the collections that need them, shared between models that ask for the same thing, never made twice, and can come in WebP and AVIF with responsive widths. `` and `` render them as ``. +- **An image cropper.** Crop to aspect-ratio presets on upload or later. Crops never touch the original; conversions that use a crop are made again from it. +- **Block editor blocks.** Image, gallery, file and video blocks for [javaabu/block-editor](https://github.com/Javaabu/block-editor) that pick from the library. +- **Dhivehi and RTL** throughout, and optional translated names, descriptions, alt text and captions with [javaabu/translatable](https://github.com/Javaabu/translatable). -::: +```php +// routes/web.php +Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); +``` -[Mediapicker](https://github.com/Javaabu/mediapicker) Allow for file uploads from a persistent storage. +```blade + +``` + +```php +$request->validate(['featured_image' => ['required', new LibraryMedia(type: 'image')]]); + +$post->syncAttachmentsFromRequest('featured_image'); +``` + +```blade + +``` + +Start with [Installation and setup](./installation-and-setup.md). diff --git a/docs/metadata.json b/docs/metadata.json index 89a5205..db95770 100644 --- a/docs/metadata.json +++ b/docs/metadata.json @@ -1,5 +1,5 @@ { "name": "Mediapicker", - "description": "Allow for file uploads from a persistent storage", + "description": "A media library for Laravel on spatie/laravel-medialibrary: Blade and Inertia React library pages, a picker field, attachments with their own conversions, an image cropper and javaabu/block-editor blocks", "version": "1" } diff --git a/docs/requirements.md b/docs/requirements.md index 73bd6c0..11c8ae3 100644 --- a/docs/requirements.md +++ b/docs/requirements.md @@ -3,7 +3,14 @@ title: Requirements sidebar_position: 1.1 --- -This package requires the following: +- PHP 8.4 or 8.5 +- Laravel 12 or 13 +- [spatie/laravel-medialibrary](https://github.com/spatie/laravel-medialibrary) v11 (11.17 or later), installed with this package +- [javaabu/permissions](https://github.com/Javaabu/permissions) v3, [javaabu/forms](https://github.com/Javaabu/forms) v2, [javaabu/stencil](https://github.com/Javaabu/stencil) v1, [javaabu/manifest](https://github.com/Javaabu/manifest) v1 and [javaabu/block-editor](https://github.com/Javaabu/block-editor) v1, installed with this package +- GD or Imagick for image conversions. AVIF copies need a GD or ImageMagick built with AVIF; formats the driver can't write are skipped with a warning. -- Laravel 9.0 or higher -- PHP 8.1 or higher +Optional: + +- [inertiajs/inertia-laravel](https://github.com/inertiajs/inertia-laravel) v2, for the Inertia React pages (`mediapicker.views = inertia`) +- [javaabu/translatable](https://github.com/Javaabu/translatable) v3, to translate media names, descriptions, alt text and captions +- A queue worker: attachment conversions are queued by default (spatie's `queue_conversions_by_default`) diff --git a/docs/upgrading.md b/docs/upgrading.md new file mode 100644 index 0000000..5e8cde4 --- /dev/null +++ b/docs/upgrading.md @@ -0,0 +1,64 @@ +--- +title: Upgrading +sidebar_position: 1.25 +--- + +# From the unreleased version on `main` to 1.0 + +1.0 keeps the core of the unreleased version (owner libraries, the `attachments` table, attachment collections and conversions, the `mediapicker:*` commands) and replaces its views, routes and authorization. + +## Requirements + +- PHP 8.4 and Laravel 12 or 13. +- javaabu/helpers, javaabu/activitylog 1 and javaabu/forms 1 are no longer required. javaabu/forms 2, javaabu/permissions 3, javaabu/stencil, javaabu/manifest and javaabu/block-editor are. + +## Routes + +`Mediapicker::registerRoutes($url, $middleware, …)` is gone. Use the route macro: + +```php +// before +Mediapicker::registerRoutes('media', ['web', 'auth:web_admin']); + +// after +Route::middleware('web')->group(fn () => Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'media'])); +``` + +Route names are the same (`media.index`, …, `media.bulk`), and `media.crop` is new. The old picker page (`?mode=picker`) is gone: pickers use the JSON API. + +## Authorization + +- `MediaOwner` no longer has `canViewAnyMedia()`, `canCreateMedia()`, `canDeleteAnyMedia()`, `canViewOthersMedia()`, `canEditOthersMedia()`, `canDeleteOthersMedia()`, `canViewMedia()`, `canEditMedia()` or `canDeleteMedia()`. The policy decides, from the same permission names, now registered with javaabu/permissions: run `php artisan permissions:sync`. +- `MediaOwner` requires `void` return types on `registerMediapickerCollections()` and `registerMediapickerConversions()`. +- `MediaPolicy::viewLogs()` is gone. +- The scopes `userVisible()` and `findForController()` are now `visibleTo($user)` and `inLibraryOf($user)`, which take the user. + +## The media model + +- It no longer implements javaabu/helpers' `AdminModel` or logs activity. To log changes, extend it, add javaabu/activitylog's `LogsActivity`, and set it as `mediapicker.media_model` and spatie's `media_model`. +- `$media->url($action)` is now `$media->libraryUrl($action)`. +- `getIcon()` returns a Lucide icon name (`image`, `file-text`), not Font Awesome or Material classes, and takes no arguments. +- New attributes: `alt` and `caption`. + +## File types + +Types come from `config('mediapicker.file_types')`, not javaabu/helpers' `AllowedMimeTypes`: `image`, `video`, `audio`, `document` (PDF, Word, Excel, PowerPoint, text, CSV) and `archive`. WebP and AVIF are images; SVG isn't accepted by default. `hasFileType('pdf')` becomes `hasFileType('document')`. + +## Conversions + +Attachment conversion files moved to the media's `conversions/attachments` folder and carry a fingerprint (`beach-card-3f9a1c0b2e.jpg`). Make them again, then remove the old files: + +```bash +php artisan mediapicker:regenerate +php artisan media-library:clean # spatie's: removes the old files from conversions/ +``` + +`updateAttachmentMedia()` now returns every attachment of the collection in order (not only the new ones), and reorders media that were already attached. + +## Views + +The `material-admin-26` views and the `framework`, `default_layout`, `picker_layout` and `scripts_stack` config keys are gone. The pages are Blade (javaabu/forms v2) or Inertia React (`'views' => 'blade' | 'inertia'`), extending `config('mediapicker.layout')`. Use `` for picker fields. + +## Migrations + +The package now loads its migrations (call `Mediapicker::ignoreMigrations()` to publish them instead). A new migration adds nullable `translations` and `lang` columns to `media`. diff --git a/llms.txt b/llms.txt new file mode 100644 index 0000000..e7027b8 --- /dev/null +++ b/llms.txt @@ -0,0 +1,46 @@ +# javaabu/mediapicker + +> A media library for Laravel on spatie/laravel-medialibrary v11. Users upload to their own library (any guard; one library per kind of user), and models attach library media to their own collections through the attachments table without copying files. Models declare attachment conversions that are queued, made only for the collections that need them, fingerprinted (shared between models, never made twice, WebP/AVIF copies, responsive widths) and rendered with or React . Images are cropped non-destructively to aspect-ratio presets that drive conversions. Route::mediapicker() adds library pages in Blade (javaabu/forms v2) or Inertia React and a JSON API; , React MediaPickerField and the stencil MediaPickerField pick media; javaabu/block-editor gets image, gallery, file and video blocks; permissions and policy come through javaabu/permissions. + +Paths are relative to this file. In a project, that's vendor/javaabu/mediapicker/. + +## Rules + +- Users who upload implement `Javaabu\Mediapicker\Contracts\MediaOwner` with the `OwnsMedia` trait and spatie's `InteractsWithMedia`, calling `registerMediapickerCollections()` and `registerMediapickerConversions()` from spatie's hooks. Models that use media implement `Contracts\HasAttachments` with `Concerns\InteractsWithAttachments`. Don't `addMedia()` to a post: attach library media. +- Set spatie's `media-library.media_model` to `Javaabu\Mediapicker\Models\Media` (or `Models\Translatable\Media` with javaabu/translatable). +- Register the library yourself with `Route::mediapicker([...])` inside the app's route group; pass `guard`, `prefix` and `name` for an admin guard. It isn't loaded automatically. Link to it with `Mediapicker::url('edit', $media)` or `$media->libraryUrl('edit')`, never hard-coded paths. +- Every picked id must be validated with `new Javaabu\Mediapicker\Rules\LibraryMedia(type: 'image')` (`'gallery.*'` for several): it only accepts media the user may see. Save with `$model->syncAttachmentsFromRequest('gallery')` or `updateAttachmentMedia($ids, 'gallery')`, which keep the order and clear on empty. +- Picker fields: `` in Blade; `MediaPickerField` (from `@javaabu/mediapicker`, bound by hand with `value`/`onChange`) in React inside `MediapickerProvider config={Mediapicker::pickerConfig()}`; `Javaabu\Mediapicker\Stencil\MediaPickerField::make('gallery')->mediaType('image')->multiple()` in stencil forms (register `StencilMediaPicker` as the `mediapicker` type in React). The class is `MediaPickerField`: `MediaPicker` would clash with `Mediapicker` (PHP class names ignore case). +- Declare conversions in `registerAttachmentConversions()` with `$this->addAttachmentConversion('card')`, with `->performOnCollections()`, and `->usingCrop('wide')`, `->formats(['avif', 'webp'])`, `->withResponsiveImages()` where they help. They're queued unless `nonQueued()`. Render with `` or `Mediapicker::image()` + ``; in code use `$attachment->getAvailableUrl('card')`, which falls back to the original until a queued conversion is made. +- Never edit or overwrite the original file to crop: save a crop with `app(Cropper::class)->crop($media, 'wide', [...])` or `PUT media/{id}/crops/{preset}`; conversions that use the preset are made again. Presets are in `mediapicker.crop_presets`. +- After changing a conversion run `php artisan mediapicker:regenerate --only-missing`, then `mediapicker:clean` (schedule it) to remove files nothing uses. +- Permissions are `view_media`, `view_others_media`, `edit_media`, `edit_others_media`, `delete_media`, `delete_others_media`; run `php artisan permissions:sync`. List what a user may see with `Media::visibleTo($user)`. Override the policy with `config('permissions.policies')`, `Gate::policy()` or `mediapicker.policy`, and the controller with `mediapicker.media_controller`, never by editing the package. +- File types come from `mediapicker.file_types` (`image`, `video`, `audio`, `document`, `archive`); use `Support\FileTypes`, not javaabu/helpers' `AllowedMimeTypes`. +- javaabu/translatable is optional: only reference its classes behind `Support\Translations::supports()`. +- Every user-facing string goes through `__()` with Dhivehi in `lang/dv.json`; use logical CSS (`ms-`, `pe-`, `inset-inline-start`) and Thaana in tests of user-facing behaviour. + +## Docs + +- [Introduction](docs/intro.md): what the package does +- [Requirements](docs/requirements.md): PHP, Laravel, dependencies and optional packages +- [Installation & Setup](docs/installation-and-setup.md): installing, migrating, the media model, owners, attaching models, permissions, routes, views, queue, publishing +- [Upgrading](docs/upgrading.md): from the unreleased version on main +- [The media library](docs/basic-usage/media-library.md): libraries and owners, pages and routes, query string, linking, media details, file types +- [Picker fields](docs/basic-usage/picker-fields.md): Blade, Inertia React and stencil pickers, validating with LibraryMedia, saving +- [Attachments](docs/basic-usage/attachments.md): collections, attaching, reading, attachment URLs, commands +- [Conversions](docs/basic-usage/conversions.md): declaring, how they do less work, showing images in Blade and React, regenerating +- [Cropping](docs/basic-usage/cropping.md): presets, the cropper, cropping on upload, the Cropper API +- [Block editor blocks](docs/basic-usage/block-editor.md): image, gallery, file and mediaVideo blocks, what's stored, rendering +- [Configuration](docs/advanced-usage/configuration.md): every option in config/mediapicker.php +- [JSON API](docs/advanced-usage/json-api.md): the endpoints, MediaResource, the JavaScript client +- [Permissions and policies](docs/advanced-usage/permissions-and-policies.md): permissions, MediaPolicy, overriding, several guards +- [Overriding controllers and views](docs/advanced-usage/overriding-controllers-and-views.md): the controller, Blade views, React pages, styles +- [Translatable](docs/advanced-usage/translatable.md): optional javaabu/translatable support +- [Dhivehi and RTL](docs/advanced-usage/dhivehi-and-rtl.md): translations, RTL, Thaana, strings to review +- [JavaScript](docs/advanced-usage/javascript.md): manifest assets, exports, the framework-free picker, npm packages +- [API reference](docs/advanced-usage/api-reference.md): every public class and method +- [AI assistants](docs/ai-assistants.md): Laravel Boost, and using these docs from other assistants +- [Questions and security](docs/questions-and-security.md) +- [Changelog](docs/changelog.md) +- [About us](docs/about-us.md) +- [Contributing to the docs](docs/contributing-to-docs.md) diff --git a/resources/boost/guidelines/core.blade.php b/resources/boost/guidelines/core.blade.php new file mode 100644 index 0000000..f427c71 --- /dev/null +++ b/resources/boost/guidelines/core.blade.php @@ -0,0 +1,12 @@ +{{-- + javaabu/mediapicker guidelines for AI code assistants + + Maintained by: Javaabu (https://javaabu.com) +--}} + +## javaabu/mediapicker + +- This project's uploads live in a media library from `javaabu/mediapicker` (on spatie/laravel-medialibrary v11). Users upload to their library; models such as posts **attach** library media to their own collections (`HasAttachments` + `InteractsWithAttachments`) instead of calling `addMedia()` themselves. +- Validate every picked media id with `new \Javaabu\Mediapicker\Rules\LibraryMedia(type: 'image')` and save with `$model->syncAttachmentsFromRequest('collection')`. Picker fields are `` (Blade), `MediaPickerField` from `@javaabu/mediapicker` (React) and `\Javaabu\Mediapicker\Stencil\MediaPickerField` (stencil). +- Image sizes for attached media are attachment conversions (`addAttachmentConversion()` in `registerAttachmentConversions()`), shown with `` or React ``. Crops are saved per preset on the media; never edit the original file. +- Always activate the `javaabu-mediapicker` skill when adding uploads or images to a model or form, rendering attached images, declaring conversions, cropping, registering the library pages, using the media JSON API or block editor media blocks, or changing who may see or edit media. diff --git a/resources/boost/skills/javaabu-mediapicker/SKILL.md b/resources/boost/skills/javaabu-mediapicker/SKILL.md new file mode 100644 index 0000000..1c9652a --- /dev/null +++ b/resources/boost/skills/javaabu-mediapicker/SKILL.md @@ -0,0 +1,130 @@ +--- +name: javaabu-mediapicker +description: Add a media library, picker fields, attached images and galleries, image conversions and cropping to a Laravel app with javaabu/mediapicker (on spatie/laravel-medialibrary). Use whenever the project depends on javaabu/mediapicker and the task adds an image, gallery or file to a model or form, saves or validates picked media, renders attached images or responsive pictures, declares or regenerates conversions, crops images, registers or customizes the media library pages or JSON API, uses media blocks in javaabu/block-editor, or changes who may see, upload, edit or delete media. +license: MIT +metadata: + author: Javaabu +--- + +# Media with javaabu/mediapicker + +People upload files once to their **library**; models **attach** library media to their own collections (`featured_image`, `gallery`) through the `attachments` table, without copying files. The docs ship with the package: `vendor/javaabu/mediapicker/llms.txt` lists every page in `vendor/javaabu/mediapicker/docs/`. + +## Setup in an app + +```php +// config/media-library.php +'media_model' => Javaabu\Mediapicker\Models\Media::class, + +// the user model(s) that upload +class Admin extends Authenticatable implements MediaOwner +{ + use HasRoles; + use InteractsWithMedia; + use OwnsMedia; + + public function registerMediaCollections(): void + { + $this->registerMediapickerCollections(); + } + + public function registerMediaConversions(?Media $media = null): void + { + $this->registerMediapickerConversions($media); + } +} + +// routes/web.php, inside the app's group +Route::mediapicker(['guard' => 'web_admin', 'prefix' => 'admin/media', 'name' => 'admin.media']); +``` + +Then `php artisan permissions:sync` and give roles `view_media`, `edit_media`, `delete_media` (and the `*_others_media` ones to see or change everyone's uploads). + +## A model with an image and a gallery + +```php +namespace App\Models; + +use Illuminate\Database\Eloquent\Model; +use Javaabu\Mediapicker\Concerns\InteractsWithAttachments; +use Javaabu\Mediapicker\Contracts\HasAttachments; +use Spatie\Image\Enums\Fit; +use Spatie\MediaLibrary\MediaCollections\Models\Media; + +class Post extends Model implements HasAttachments +{ + use InteractsWithAttachments; + + public function registerAttachmentCollections(): void + { + $this->addAttachmentCollection('featured_image')->singleFile(); + $this->addAttachmentCollection('gallery'); + } + + public function registerAttachmentConversions(?Media $media = null): void + { + $this->addAttachmentConversion('card') + ->usingCrop('wide') + ->fit(Fit::Crop, 800, 450) + ->formats(['avif', 'webp']) + ->withResponsiveImages() + ->performOnCollections('featured_image'); + + $this->addAttachmentConversion('thumb') + ->fit(Fit::Crop, 300, 300) + ->performOnCollections('gallery'); + } +} +``` + +## The form and the controller + +```blade + + + + + + +``` + +```php +use Javaabu\Mediapicker\Rules\LibraryMedia; + +public function update(Request $request, Post $post): RedirectResponse +{ + $this->authorize('update', $post); + + $validated = $request->validate([ + 'title' => ['required', 'string', 'max:255'], + 'featured_image' => ['required', new LibraryMedia(type: 'image')], + 'gallery' => ['nullable', 'array', 'max:20'], + 'gallery.*' => [new LibraryMedia(type: 'image')], + ]); + + $post->update(['title' => $validated['title']]); + + $post->syncAttachmentsFromRequest('featured_image'); + $post->syncAttachmentsFromRequest('gallery'); + + return redirect()->route('admin.posts.edit', $post); +} +``` + +## Showing images + +```blade + + +@foreach($post->getAttachments('gallery') as $attachment) + +@endforeach +``` + +React: pass `Mediapicker::image($post, 'featured_image', 'card')` as a prop and render ``. In code: `$attachment->getAvailableUrl('card')` (the original until a queued conversion is made). + +## More + +- [React and stencil pickers](references/react-and-stencil.md) +- [Conversions, crops and blocks](references/conversions-and-crops.md) +- [Common mistakes](references/common-mistakes.md) diff --git a/resources/boost/skills/javaabu-mediapicker/references/common-mistakes.md b/resources/boost/skills/javaabu-mediapicker/references/common-mistakes.md new file mode 100644 index 0000000..47d9944 --- /dev/null +++ b/resources/boost/skills/javaabu-mediapicker/references/common-mistakes.md @@ -0,0 +1,16 @@ +# Common mistakes + +| Don't | Do | +| --- | --- | +| `$post->addMedia($request->file('image'))` for an image picked in a form | Attach library media: `$post->syncAttachmentsFromRequest('featured_image')` | +| Save picked ids without validating them | `new LibraryMedia(type: 'image')` on the field (and `field.*` for several) | +| `$post->getFirstAttachmentUrl('featured_image', 'card')` in a page | `` or `$attachment->getAvailableUrl('card')`, which works before a queued conversion is made | +| Crop by saving a new file | `Cropper::crop()` and `->usingCrop()` on the conversion | +| `use Javaabu\Mediapicker\Stencil\MediaPicker` | The class is `MediaPickerField` (`MediaPicker` would clash with `Mediapicker`) | +| Hard-code `/admin/media/...` | `Mediapicker::url('edit', $media)` or `$media->libraryUrl('edit')` | +| `Route::resource('media', ...)` or `Mediapicker::registerRoutes()` | `Route::mediapicker([...])` | +| Check `$user->can('edit_media')` for a file | `$user->can('update', $media)`: ownership and the user's library matter | +| `Media::query()->where('model_id', $user->id)` to list a user's files | `Media::visibleTo($user)` (or `ownedBy($user)`) | +| javaabu/helpers' `AllowedMimeTypes` | `Javaabu\Mediapicker\Support\FileTypes` and `mediapicker.file_types` | +| `$media->url('edit')` | `$media->libraryUrl('edit')` | +| Forget the worker | Attachment conversions are queued: run `php artisan queue:work` | diff --git a/resources/boost/skills/javaabu-mediapicker/references/conversions-and-crops.md b/resources/boost/skills/javaabu-mediapicker/references/conversions-and-crops.md new file mode 100644 index 0000000..9d1ea47 --- /dev/null +++ b/resources/boost/skills/javaabu-mediapicker/references/conversions-and-crops.md @@ -0,0 +1,19 @@ +# Conversions, crops and blocks + +## Conversions + +- Declare them on the model that attaches the media, in `registerAttachmentConversions()`, with `performOnCollections()` so each collection gets only what it needs. +- They're queued unless `nonQueued()` (spatie's queue config). Make small ones a page needs right away `nonQueued()`. +- `->formats(['avif', 'webp'])` adds `` sources; `->withResponsiveImages()` adds srcset widths. Formats the image driver can't write are skipped. +- Files are fingerprinted: identical conversions of different models share a file, and nothing is made twice. After changing a definition: `php artisan mediapicker:regenerate --only-missing`, then `php artisan mediapicker:clean`. +- Read what was made with `$attachment->conversionMetadata('card')`; URLs with `getAvailableUrl()`, `getFormatUrl('card', 'webp')`, `getSrcset('card')`. + +## Crops + +- Presets are in `config('mediapicker.crop_presets')` (`square`, `wide`, `landscape`, `portrait`, `free`). A conversion uses one with `->usingCrop('wide')`. +- Crops are saved per preset on the media, never on the file: `app(\Javaabu\Mediapicker\Cropping\Cropper::class)->crop($media, 'wide', ['x' => 0, 'y' => 40, 'width' => 1600, 'height' => 900])`. Saving regenerates the conversions that use the preset. +- People crop on the library's edit page, or before upload in React pickers with `crop="wide"`. + +## Block editor + +The package registers `image` (replacing the core URL image), `gallery`, `file` and `mediaVideo` blocks for javaabu/block-editor. Validate content with `BlockContent` as usual: media ids are checked with `LibraryMedia`. Blade rendering re-reads the media; React's `` uses the stored snapshot. In React apps, `import "@javaabu/mediapicker/blocks"` once next to the editor. diff --git a/resources/boost/skills/javaabu-mediapicker/references/react-and-stencil.md b/resources/boost/skills/javaabu-mediapicker/references/react-and-stencil.md new file mode 100644 index 0000000..438d849 --- /dev/null +++ b/resources/boost/skills/javaabu-mediapicker/references/react-and-stencil.md @@ -0,0 +1,53 @@ +# React and stencil pickers + +## Inertia React + +Share the picker config once and wrap the layout: + +```php +// app/Http/Middleware/HandleInertiaRequests.php +public function share(Request $request): array +{ + return [...parent::share($request), 'mediapicker' => fn () => \Javaabu\Mediapicker\Mediapicker::pickerConfig()]; +} +``` + +```tsx +import { MediapickerProvider } from "@javaabu/mediapicker" + +{children} +``` + +`MediaPickerField` is controlled: bind `value` and `onChange` by hand (it isn't bound to `@javaabu/forms` state yet, Javaabu/react-forms#23). The value is `MediaItem` objects; it submits their ids as `name` or `name[]`. + +```tsx +import { MediaPickerField, type MediaItem } from "@javaabu/mediapicker" + +const [image, setImage] = useState(props.featured) + + setImage(value as MediaItem | null)} /> +``` + +Send current media from the controller with `MediaResource`: + +```php +'featured' => ($media = $post->getFirstAttachmentMedia('featured_image')) ? MediaResource::make($media)->resolve() : null, +'gallery' => MediaResource::collection($post->getAttachmentMedia('gallery'))->resolve(), +``` + +## Stencil + +```php +use Javaabu\Mediapicker\Stencil\MediaPickerField; + +MediaPickerField::make('featured_image')->mediaType('image')->required()->crop('wide'), +MediaPickerField::make('gallery')->mediaType('image')->multiple(), +``` + +It reads and saves the record's attachments (collection = field name, or `->collection()`) and validates with `LibraryMedia`. In React, register it once: ``. + +## Without a framework + +```js +const chosen = await window.Mediapicker.open({ url: "/admin/media", type: "image", multiple: true }) +``` diff --git a/resources/js/Pages/Media/Create.tsx b/resources/js/Pages/Media/Create.tsx index a5c03c8..e23ab05 100644 --- a/resources/js/Pages/Media/Create.tsx +++ b/resources/js/Pages/Media/Create.tsx @@ -1,3 +1,4 @@ +import "../../../css/mediapicker.css" import { Alert, Button, LinkButton } from "@javaabu/forms" import { Link } from "@inertiajs/react" import { useMemo, useRef, useState } from "react" diff --git a/resources/js/Pages/Media/Edit.tsx b/resources/js/Pages/Media/Edit.tsx index be098ea..a7ffb0b 100644 --- a/resources/js/Pages/Media/Edit.tsx +++ b/resources/js/Pages/Media/Edit.tsx @@ -1,3 +1,4 @@ +import "../../../css/mediapicker.css" import { Button, Card, LinkButton } from "@javaabu/forms" import { StencilForm, type StencilSchema } from "@javaabu/stencil" import { router } from "@inertiajs/react" diff --git a/resources/js/Pages/Media/Index.tsx b/resources/js/Pages/Media/Index.tsx index 3225058..c85cbb5 100644 --- a/resources/js/Pages/Media/Index.tsx +++ b/resources/js/Pages/Media/Index.tsx @@ -1,3 +1,4 @@ +import "../../../css/mediapicker.css" import { Button, LinkButton } from "@javaabu/forms" import { MediaLister, type MediaItem as ListerItem } from "@javaabu/onu" import { Link, router } from "@inertiajs/react" diff --git a/resources/js/Pages/Media/Show.tsx b/resources/js/Pages/Media/Show.tsx index df349c7..2572e08 100644 --- a/resources/js/Pages/Media/Show.tsx +++ b/resources/js/Pages/Media/Show.tsx @@ -1,3 +1,4 @@ +import "../../../css/mediapicker.css" import { Button, Card, LinkButton, TextEntry } from "@javaabu/forms" import { router } from "@inertiajs/react" import { useMemo, useState } from "react" diff --git a/resources/js/index.ts b/resources/js/index.ts index d714879..01dac9c 100644 --- a/resources/js/index.ts +++ b/resources/js/index.ts @@ -3,6 +3,7 @@ * javaabu/manifest: the React picker, cropper and image components, the framework-free * picker dialog, and the library API client. */ +import "../css/mediapicker.css" export { MediaPicker, type MediaPickerProps } from "./react/MediaPicker" export { MediaPickerField, type MediaPickerFieldProps } from "./react/MediaPickerField" export { MediaLibraryDialog, type MediaLibraryDialogProps } from "./react/MediaLibraryDialog" diff --git a/src/Assets/Assets.php b/src/Assets/Assets.php index 3320a8f..2c59e67 100644 --- a/src/Assets/Assets.php +++ b/src/Assets/Assets.php @@ -35,6 +35,12 @@ public static function register(Package $package): void '@javaabu/forms' => 'github:Javaabu/react-forms#next-gen', '@javaabu/onu' => '^0.2.1', 'cropperjs' => '^1.6.2', + // @javaabu/onu/media (ImageCropper) loads these when it's imported + 'react-easy-crop' => '^6.2.4', + 'signature_pad' => '^5.1.4', + 'media-chrome' => '^4.19.3', + 'yet-another-react-lightbox' => '^3.32.2', + 'uqr' => '^0.1.3', '@tiptap/core' => self::TIPTAP, ], [ 'react' => '^18.3 || ^19.0', diff --git a/src/Commands/AttachmentsClearCommand.php b/src/Commands/AttachmentsClearCommand.php index 05f0b82..1a946f0 100644 --- a/src/Commands/AttachmentsClearCommand.php +++ b/src/Commands/AttachmentsClearCommand.php @@ -14,7 +14,7 @@ class AttachmentsClearCommand extends Command use ConfirmableTrait; protected $signature = 'mediapicker:clear {modelType?} {collectionName?} - {-- force : Force the operation to run when in production}'; + {--force : Force the operation to run when in production}'; protected $description = 'Delete all items in an attachment collection.'; diff --git a/tests/Feature/Fields/PickerFieldTest.php b/tests/Feature/Fields/PickerFieldTest.php index d91f211..221f91a 100644 --- a/tests/Feature/Fields/PickerFieldTest.php +++ b/tests/Feature/Fields/PickerFieldTest.php @@ -88,6 +88,21 @@ public function it_renders_a_multiple_picker_in_order(): void $this->assertEquals([$second->id, $first->id], array_column($this->fieldConfig($html)['value'], 'id')); } + #[Test] + public function it_reads_the_model_bound_to_the_form(): void + { + $user = $this->userWith(['view_media']); + $this->actingAs($user); + + $article = $this->article(); + $media = $this->libraryMedia($user, name: 'ބީޗް'); + $article->updateAttachmentMedia([$media->id], 'gallery'); + + $html = Blade::render('', ['article' => $article]); + + $this->assertStringContainsString('name="gallery[]" value="' . $media->id . '"', $html); + } + #[Test] public function an_empty_picker_still_submits_the_field(): void { diff --git a/tests/Unit/BoostTest.php b/tests/Unit/BoostTest.php new file mode 100644 index 0000000..24e0ef1 --- /dev/null +++ b/tests/Unit/BoostTest.php @@ -0,0 +1,30 @@ +assertFileExists("{$root}/guidelines/core.blade.php"); + + $skill = file_get_contents("{$root}/skills/javaabu-mediapicker/SKILL.md"); + + $this->assertStringStartsWith("---\nname: javaabu-mediapicker\n", $skill); + $this->assertStringContainsString('description: ', $skill); + + preg_match_all('/\]\((references\/[^)]+)\)/', $skill, $references); + + $this->assertNotEmpty($references[1]); + + foreach ($references[1] as $reference) { + $this->assertFileExists("{$root}/skills/javaabu-mediapicker/{$reference}"); + } + } +} diff --git a/tests/Unit/DocsTest.php b/tests/Unit/DocsTest.php new file mode 100644 index 0000000..f95c1f1 --- /dev/null +++ b/tests/Unit/DocsTest.php @@ -0,0 +1,61 @@ +assertFileExists("{$root}/{$page}"); + } + + foreach ($this->pages() as $page) { + $this->assertContains($page, $linked[1], "Link {$page} from llms.txt"); + } + } + + #[Test] + public function links_between_docs_pages_resolve(): void + { + $root = __DIR__ . '/../..'; + + foreach ($this->pages() as $page) { + preg_match_all('/\]\(((?!https?:|mailto:|#)[^)#]+\.md)(#[^)]*)?\)/', file_get_contents("{$root}/{$page}"), $links); + + foreach ($links[1] as $link) { + $this->assertFileExists(dirname("{$root}/{$page}") . "/{$link}", "Broken link to {$link} in {$page}"); + } + } + } + + /** + * @return array + */ + protected function pages(): array + { + $root = realpath(__DIR__ . '/../..'); + $pages = []; + + foreach (new RecursiveIteratorIterator(new RecursiveDirectoryIterator("{$root}/docs", RecursiveDirectoryIterator::SKIP_DOTS)) as $file) { + if ($file->getExtension() === 'md') { + $pages[] = str_replace("{$root}/", '', $file->getPathname()); + } + } + + sort($pages); + + return $pages; + } +} From 6dd378a44bb706dc07ef603b297b1be4b1b6feb1 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Thu, 5 Nov 2026 23:57:45 +0500 Subject: [PATCH 10/14] Point the README badges at Javaabu/mediapicker main, for after the merge Co-Authored-By: Claude Opus 5.5 --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 105b70d..d5e962a 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # Mediapicker -[![Tests](https://github.com/n4ff4h/mediapicker/actions/workflows/tests.yml/badge.svg?branch=next-gen)](https://github.com/n4ff4h/mediapicker/actions/workflows/tests.yml?query=branch%3Anext-gen) -[![codecov](https://codecov.io/gh/n4ff4h/mediapicker/branch/next-gen/graph/badge.svg)](https://codecov.io/gh/n4ff4h/mediapicker/tree/next-gen) +[![Tests](https://github.com/Javaabu/mediapicker/actions/workflows/tests.yml/badge.svg?branch=main)](https://github.com/Javaabu/mediapicker/actions/workflows/tests.yml?query=branch%3Amain) +[![codecov](https://codecov.io/gh/Javaabu/mediapicker/branch/main/graph/badge.svg)](https://codecov.io/gh/Javaabu/mediapicker/tree/main) [![Latest Version on Packagist](https://img.shields.io/packagist/v/javaabu/mediapicker.svg)](https://packagist.org/packages/javaabu/mediapicker) [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) From 96810b3ad15a19deec713f02b45b3b88f0b77bcb Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Fri, 6 Nov 2026 05:11:38 +0500 Subject: [PATCH 11/14] Keep the Boost guideline in a verbatim block and render it with Boost in tests Same safeguard as javaabu/forms (Javaabu/forms#21). Boost leaves a guideline out of apps' AGENTS.md when Blade can't render it, and its placeholders cover component tags and backticks but not every directive or echo. The current guideline already rendered on Boost 2.10.0 and 2.10.4; the verbatim block keeps future examples safe. BoostTest renders every .blade.php under resources/boost with Boost's RendersBladeGuidelines (laravel/boost ^2.10 in require-dev, so prefer-lowest tests 2.10.0). Co-Authored-By: Claude Opus 5.5 --- CHANGELOG.md | 2 +- composer.json | 1 + resources/boost/guidelines/core.blade.php | 8 ++- tests/Unit/BoostTest.php | 84 +++++++++++++++++++++-- 4 files changed, 86 insertions(+), 9 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9fbb882..f563c01 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,4 +16,4 @@ The first release. Compared with the unreleased version on `main` (see `docs/upg - Image, gallery, file and video blocks for javaabu/block-editor - Optional javaabu/translatable support for names, descriptions, alt text and captions - Dhivehi translations and RTL layouts -- Docs, `llms.txt`, and a Laravel Boost guideline and skill +- Docs, `llms.txt`, and a Laravel Boost guideline (in a verbatim block, tested with Boost's own renderer) and skill diff --git a/composer.json b/composer.json index 2cdacba..a551a9a 100644 --- a/composer.json +++ b/composer.json @@ -67,6 +67,7 @@ "inertiajs/inertia-laravel": "^2.0", "javaabu/boost-javaabu-guidelines": "^1.0", "javaabu/translatable": "^3.0@dev", + "laravel/boost": "^2.10", "laravel/pint": "^1.24", "orchestra/testbench": "^10.0 || ^11.0", "phpunit/phpunit": "^11.5.3 || ^12.5.8" diff --git a/resources/boost/guidelines/core.blade.php b/resources/boost/guidelines/core.blade.php index f427c71..92d2d85 100644 --- a/resources/boost/guidelines/core.blade.php +++ b/resources/boost/guidelines/core.blade.php @@ -2,11 +2,17 @@ javaabu/mediapicker guidelines for AI code assistants Maintained by: Javaabu (https://javaabu.com) ---}} + Laravel Boost renders this file with Blade and leaves it out of apps' AGENTS.md when that + fails. Its placeholders cover component tags and backticks but not every directive or echo, + so the guideline is kept in a verbatim block and renders as written on every Boost version + (as in javaabu/forms, Javaabu/forms#21). BoostTest renders it with Boost's own code. +--}} +@verbatim ## javaabu/mediapicker - This project's uploads live in a media library from `javaabu/mediapicker` (on spatie/laravel-medialibrary v11). Users upload to their library; models such as posts **attach** library media to their own collections (`HasAttachments` + `InteractsWithAttachments`) instead of calling `addMedia()` themselves. - Validate every picked media id with `new \Javaabu\Mediapicker\Rules\LibraryMedia(type: 'image')` and save with `$model->syncAttachmentsFromRequest('collection')`. Picker fields are `` (Blade), `MediaPickerField` from `@javaabu/mediapicker` (React) and `\Javaabu\Mediapicker\Stencil\MediaPickerField` (stencil). - Image sizes for attached media are attachment conversions (`addAttachmentConversion()` in `registerAttachmentConversions()`), shown with `` or React ``. Crops are saved per preset on the media; never edit the original file. - Always activate the `javaabu-mediapicker` skill when adding uploads or images to a model or form, rendering attached images, declaring conversions, cropping, registering the library pages, using the media JSON API or block editor media blocks, or changing who may see or edit media. +@endverbatim diff --git a/tests/Unit/BoostTest.php b/tests/Unit/BoostTest.php index 24e0ef1..4365fea 100644 --- a/tests/Unit/BoostTest.php +++ b/tests/Unit/BoostTest.php @@ -2,29 +2,99 @@ namespace Javaabu\Mediapicker\Tests\Unit; +use FilesystemIterator; use Javaabu\Mediapicker\Tests\TestCase; +use Laravel\Boost\Concerns\RendersBladeGuidelines; use PHPUnit\Framework\Attributes\Test; +use RecursiveDirectoryIterator; +use RecursiveIteratorIterator; class BoostTest extends TestCase { + /** + * Renders a guideline the way Laravel Boost does for an app's AGENTS.md/CLAUDE.md. + * Boost leaves out a file it can't render, so a failure renders as ''. + */ + protected function renderLikeBoost(string $path): string + { + $renderer = new class + { + use RendersBladeGuidelines; + + public function render(string $path): string + { + return $this->renderBladeFile($path); + } + }; + + return $renderer->render($path); + } + + /** @return array */ + protected function boostFiles(string $pattern): array + { + $files = []; + $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(__DIR__ . '/../../resources/boost', FilesystemIterator::SKIP_DOTS)); + + foreach ($iterator as $file) { + if (preg_match($pattern, $file->getFilename())) { + $files[] = $file->getRealPath(); + } + } + + sort($files); + + return $files; + } + + #[Test] + public function boost_renders_the_guideline_with_its_blade_examples_intact(): void + { + $guideline = $this->renderLikeBoost(__DIR__ . '/../../resources/boost/guidelines/core.blade.php'); + + $this->assertStringContainsString('## javaabu/mediapicker', $guideline); + $this->assertStringContainsString('`` (Blade)', $guideline); + $this->assertStringContainsString('``', $guideline); + $this->assertStringContainsString('`@javaabu/mediapicker` (React)', $guideline); + $this->assertStringContainsString("`\$model->syncAttachmentsFromRequest('collection')`", $guideline); + $this->assertStringNotContainsString('javaabu/mediapicker guidelines for AI code assistants', $guideline); + $this->assertStringNotContainsString('@verbatim', $guideline); + } + + #[Test] + public function boost_renders_every_blade_file_the_package_ships(): void + { + $files = $this->boostFiles('/\.blade\.php$/'); + + $this->assertNotEmpty($files); + + foreach ($files as $file) { + $this->assertNotSame('', trim($this->renderLikeBoost($file)), "Boost can't render {$file}"); + } + } + #[Test] - public function it_ships_a_boost_guideline_and_skill(): void + public function the_skill_ships_as_markdown_so_boost_copies_its_blade_examples_as_written(): void { $root = __DIR__ . '/../../resources/boost'; + $skill = "{$root}/skills/javaabu-mediapicker"; - $this->assertFileExists("{$root}/guidelines/core.blade.php"); + // Boost renders only .blade.php skill files; .md files are copied unchanged. + $this->assertSame([], $this->boostFiles('/^(?!core\.blade\.php$).*\.blade\.php$/')); + $this->assertFileExists("{$skill}/SKILL.md"); - $skill = file_get_contents("{$root}/skills/javaabu-mediapicker/SKILL.md"); + $contents = file_get_contents("{$skill}/SKILL.md"); - $this->assertStringStartsWith("---\nname: javaabu-mediapicker\n", $skill); - $this->assertStringContainsString('description: ', $skill); + $this->assertStringStartsWith("---\nname: javaabu-mediapicker\n", $contents); + $this->assertStringContainsString('description: ', $contents); + $this->assertStringContainsString('assertNotEmpty($references[1]); foreach ($references[1] as $reference) { - $this->assertFileExists("{$root}/skills/javaabu-mediapicker/{$reference}"); + $this->assertFileExists("{$skill}/{$reference}"); } } } From c88565927bf2ba466d58d44ecd531ea9bea7ccd6 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Fri, 6 Nov 2026 06:37:38 +0500 Subject: [PATCH 12/14] Declare the React and Inertia npm packages for pages only The Blade scripts (picker, cropper, blocks) import only cropperjs and @tiptap/core, so those stay in the assets scope. @javaabu/forms, @javaabu/onu and the Onu media libraries, with the react, react-dom and @inertiajs/react peers, move to npm(..., for: 'pages'), so manifest:check in a Blade-only app no longer asks for React packages (Javaabu/manifest#17). ManifestCheckTest runs manifest:check against a Blade-only and an Inertia package.json fixture. Co-Authored-By: Claude Opus 5.5 --- CHANGELOG.md | 1 + docs/advanced-usage/javascript.md | 6 +- docs/installation-and-setup.md | 2 +- src/Assets/Assets.php | 12 ++- tests/Feature/ManifestCheckTest.php | 118 ++++++++++++++++++++++++++++ 5 files changed, 134 insertions(+), 5 deletions(-) create mode 100644 tests/Feature/ManifestCheckTest.php diff --git a/CHANGELOG.md b/CHANGELOG.md index f563c01..1ea4679 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ The first release. Compared with the unreleased version on `main` (see `docs/upg - `Route::mediapicker()` with a guard, prefix, name, middleware and controller; overridable controller; every action answers JSON - Permissions and an overridable `MediaPolicy` through javaabu/permissions; a library per guard - Library pages in Blade (javaabu/forms v2) and Inertia React (@javaabu/forms and Onu, through javaabu/manifest) +- npm dependencies split by scope: Blade apps are asked for `cropperjs` and `@tiptap/core` only; the React and Inertia packages are declared `for: 'pages'` (javaabu/manifest#17) - ``, React `MediaPicker`/`MediaPickerField`/`MediaLibraryDialog`, and the stencil `MediaPickerField`; the `LibraryMedia` rule and `syncAttachmentsFromRequest()` - Fingerprinted attachment conversions: shared between models, never made twice, extra formats (WebP, AVIF), responsive widths; `` and React `` - Non-destructive cropping to aspect-ratio presets, on upload and later, driving conversions diff --git a/docs/advanced-usage/javascript.md b/docs/advanced-usage/javascript.md index 7ac4002..77bf04e 100644 --- a/docs/advanced-usage/javascript.md +++ b/docs/advanced-usage/javascript.md @@ -53,4 +53,8 @@ It's a native ``: focus stays inside, Escape cancels, items are toggle b # npm packages the app needs -The React components import `@javaabu/forms`, `@javaabu/onu` (`MediaLister`, and `ImageCropper` from `@javaabu/onu/media`, which loads `react-easy-crop`, `signature_pad`, `media-chrome`, `yet-another-react-lightbox` and `uqr`), `@inertiajs/react` (pages), `cropperjs` (cropper) and `@tiptap/core` (blocks). Run `php artisan manifest:check` to list what's missing. +Blade apps need only what the Blade scripts import: `cropperjs` (cropper) and `@tiptap/core` (blocks), besides `vite` and `laravel-vite-plugin` when they build with Vite. The package declares these for its assets. + +The React components and Inertia pages also import `@javaabu/forms`, `@javaabu/onu` (`MediaLister`, and `ImageCropper` from `@javaabu/onu/media`, which loads `react-easy-crop`, `signature_pad`, `media-chrome`, `yet-another-react-lightbox` and `uqr`), `react`, `react-dom` and `@inertiajs/react`. The package declares these for pages (`npm(..., for: 'pages')`), so `php artisan manifest:check` asks for them only when the app's `package.json` has an Inertia adapter. An app that imports the React components without Inertia runs `php artisan manifest:check --scope=assets --scope=pages`. + +Run `php artisan manifest:check` to list what's missing. diff --git a/docs/installation-and-setup.md b/docs/installation-and-setup.md index cfb2c65..a9da31c 100644 --- a/docs/installation-and-setup.md +++ b/docs/installation-and-setup.md @@ -153,7 +153,7 @@ The pages and the picker use javaabu/forms v2 components, and their scripts and Install `inertiajs/inertia-laravel` and set `'views' => 'inertia'`. The pages are `mediapicker::Media/Index`, `Create`, `Edit` and `Show`, resolved by `@javaabu/manifest/inertia`'s `resolvePage()`. Install what they import: ```bash -php artisan manifest:check # lists the npm packages the app needs +php artisan manifest:check # lists the npm packages the app needs, the React ones once @inertiajs/react is installed ``` Share the picker config with every page, so React pickers know the library: diff --git a/src/Assets/Assets.php b/src/Assets/Assets.php index 2c59e67..28ae9e8 100644 --- a/src/Assets/Assets.php +++ b/src/Assets/Assets.php @@ -2,6 +2,7 @@ namespace Javaabu\Mediapicker\Assets; +use Javaabu\Manifest\Enums\NpmScopes; use Javaabu\Manifest\Package; /** @@ -31,21 +32,26 @@ public static function register(Package $package): void ->script('picker', 'js/blade/picker.ts') ->script('cropper', 'js/blade/cropper.ts') ->script('blocks', 'js/blocks/index.ts') + // What the Blade scripts import, so Blade-only apps install just these. + ->npm([ + 'cropperjs' => '^1.6.2', + '@tiptap/core' => self::TIPTAP, + ]) + // What only the React components and Inertia pages import (through the + // @javaabu/mediapicker alias). manifest:check asks for these only in apps with Inertia. ->npm([ '@javaabu/forms' => 'github:Javaabu/react-forms#next-gen', '@javaabu/onu' => '^0.2.1', - 'cropperjs' => '^1.6.2', // @javaabu/onu/media (ImageCropper) loads these when it's imported 'react-easy-crop' => '^6.2.4', 'signature_pad' => '^5.1.4', 'media-chrome' => '^4.19.3', 'yet-another-react-lightbox' => '^3.32.2', 'uqr' => '^0.1.3', - '@tiptap/core' => self::TIPTAP, ], [ 'react' => '^18.3 || ^19.0', 'react-dom' => '^18.3 || ^19.0', '@inertiajs/react' => '^2.0 || ^3.0', - ]); + ], for: NpmScopes::PAGES); } } diff --git a/tests/Feature/ManifestCheckTest.php b/tests/Feature/ManifestCheckTest.php new file mode 100644 index 0000000..1948d84 --- /dev/null +++ b/tests/Feature/ManifestCheckTest.php @@ -0,0 +1,118 @@ + '1.6.2', + '@tiptap/core' => '3.32.3', + 'vite' => '8.3.5', + 'laravel-vite-plugin' => '3.2.0', + ]; + + protected const array REACT = [ + '@javaabu/forms' => '2.0.0', + '@javaabu/onu' => '0.2.1', + 'react-easy-crop' => '6.2.4', + 'signature_pad' => '5.1.4', + 'media-chrome' => '4.19.3', + 'yet-another-react-lightbox' => '3.32.2', + 'uqr' => '0.1.3', + 'react' => '19.3.1', + 'react-dom' => '19.3.1', + '@inertiajs/react' => '2.3.0', + ]; + + protected function tearDown(): void + { + File::delete(base_path('package.json')); + File::deleteDirectory(base_path('node_modules')); + + parent::tearDown(); + } + + /** @param array $installed */ + protected function app(array $installed): void + { + File::put(base_path('package.json'), json_encode(['devDependencies' => $installed])); + + foreach ($installed as $name => $version) { + File::ensureDirectoryExists(base_path("node_modules/{$name}")); + File::put(base_path("node_modules/{$name}/package.json"), json_encode(['name' => $name, 'version' => $version])); + } + } + + /** + * The check's rows for what mediapicker needs. Other packages' rows are theirs to scope. + * + * @return array> + */ + protected function check(): array + { + Artisan::call('manifest:check', ['--json' => true]); + + return collect(json_decode(Artisan::output(), true)) + ->filter(fn (array $row) => in_array(Assets::PACKAGE, $row['needed_by'], true)) + ->keyBy('name') + ->all(); + } + + #[Test] + public function it_asks_blade_only_apps_for_just_what_the_blade_scripts_import(): void + { + $this->app(self::BLADE); + + $rows = $this->check(); + + $this->assertEqualsCanonicalizing(array_keys(self::BLADE), array_keys($rows)); + + foreach ($rows as $name => $row) { + $this->assertSame('ok', $row['status'], "{$name} isn't ok"); + $this->assertSame([NpmScopes::ASSETS->value], $row['scopes']); + } + } + + #[Test] + public function it_asks_inertia_apps_for_the_react_packages_too(): void + { + $this->app(['@inertiajs/react' => '2.3.0', ...self::BLADE]); + + $rows = $this->check(); + + $this->assertEqualsCanonicalizing([...array_keys(self::BLADE), ...array_keys(self::REACT)], array_keys($rows)); + $this->assertSame('missing', $rows['@javaabu/forms']['status']); + $this->assertSame('missing', $rows['react-easy-crop']['status']); + + File::deleteDirectory(base_path('node_modules')); + $this->app([...self::BLADE, ...self::REACT]); + + foreach ($this->check() as $name => $row) { + $this->assertContains($row['status'], ['ok', 'unchecked'], "{$name} isn't ok"); + } + } + + #[Test] + public function it_declares_only_the_blade_imports_for_the_assets(): void + { + $package = app(Manifest::class)->packages()[Assets::PACKAGE]; + + $this->assertSame(['cropperjs', '@tiptap/core'], array_keys($package->npmDependencies(NpmScopes::ASSETS))); + $this->assertSame([], $package->npmPeerDependencies(NpmScopes::ASSETS)); + $this->assertSame(['react', 'react-dom', '@inertiajs/react'], array_keys($package->npmPeerDependencies(NpmScopes::PAGES))); + $this->assertArrayHasKey('@javaabu/forms', $package->npmDependencies(NpmScopes::PAGES)); + } +} From d77dbfc626a7d6d0e886f0be1097e71d6d7c9e60 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Tue, 10 Nov 2026 14:51:53 +0500 Subject: [PATCH 13/14] Clone unreleased javaabu/* dependencies with git, not the GitHub API Composer read composer.json from every branch and tag of each VCS repository through the GitHub API: about 350 calls per CI job, around 3,800 per run. A second run within the hour exhausted the workflow token's limit, and Composer failed with "Could not authenticate against github.com" (Javaabu/exports#2, Javaabu/translatable#4). "no-api": true makes Composer clone these repositories instead. Co-Authored-By: Claude Opus 5.5 --- composer.json | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/composer.json b/composer.json index a551a9a..4d54145 100644 --- a/composer.json +++ b/composer.json @@ -26,27 +26,33 @@ "repositories": [ { "type": "vcs", - "url": "https://github.com/Javaabu/block-editor" + "url": "https://github.com/Javaabu/block-editor", + "no-api": true }, { "type": "vcs", - "url": "https://github.com/Javaabu/forms" + "url": "https://github.com/Javaabu/forms", + "no-api": true }, { "type": "vcs", - "url": "https://github.com/Javaabu/manifest" + "url": "https://github.com/Javaabu/manifest", + "no-api": true }, { "type": "vcs", - "url": "https://github.com/Javaabu/permissions" + "url": "https://github.com/Javaabu/permissions", + "no-api": true }, { "type": "vcs", - "url": "https://github.com/Javaabu/stencil" + "url": "https://github.com/Javaabu/stencil", + "no-api": true }, { "type": "vcs", - "url": "https://github.com/n4ff4h/translatable" + "url": "https://github.com/n4ff4h/translatable", + "no-api": true } ], "require": { From ed97ef86149033b7e8e9b06d7599e357c37eaf83 Mon Sep 17 00:00:00 2001 From: Naffah Abdulla Rasheed Date: Tue, 10 Nov 2026 14:59:48 +0500 Subject: [PATCH 14/14] Cache Composer downloads in CI Every job downloaded each package's zipball from api.github.com, around 140 calls a job, which counts against the workflow token's hourly limit. Each job now restores Composer's files cache, keyed by job, matrix entry and composer.json/composer.lock, and falls back to the job's last cache when those change. Co-Authored-By: Claude Opus 5.5 --- .github/workflows/tests.yml | 52 +++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml index 34ea4f4..e6ed400 100644 --- a/.github/workflows/tests.yml +++ b/.github/workflows/tests.yml @@ -29,6 +29,19 @@ jobs: php-version: 8.4 coverage: none + - name: Get Composer cache directory + id: composer-cache + run: echo "dir=$(composer config cache-files-dir)" >> "$GITHUB_OUTPUT" + + - name: Cache Composer downloads + uses: actions/cache@v6 + with: + path: ${{ steps.composer-cache.outputs.dir }} + key: composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}-${{ hashFiles('composer.json', 'composer.lock') }} + restore-keys: | + composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}- + composer-${{ runner.os }}-${{ github.job }}- + - name: Install dependencies run: composer update --prefer-dist --no-interaction --no-progress @@ -64,6 +77,19 @@ jobs: php-version: 8.4 coverage: none + - name: Get Composer cache directory + id: composer-cache + run: echo "dir=$(composer config cache-files-dir)" >> "$GITHUB_OUTPUT" + + - name: Cache Composer downloads + uses: actions/cache@v6 + with: + path: ${{ steps.composer-cache.outputs.dir }} + key: composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}-${{ hashFiles('composer.json', 'composer.lock') }} + restore-keys: | + composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}- + composer-${{ runner.os }}-${{ github.job }}- + - name: Install Composer dependencies run: composer update --prefer-dist --no-interaction --no-progress @@ -120,6 +146,19 @@ jobs: extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo coverage: none + - name: Get Composer cache directory + id: composer-cache + run: echo "dir=$(composer config cache-files-dir)" >> "$GITHUB_OUTPUT" + + - name: Cache Composer downloads + uses: actions/cache@v6 + with: + path: ${{ steps.composer-cache.outputs.dir }} + key: composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}-${{ hashFiles('composer.json', 'composer.lock') }} + restore-keys: | + composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}- + composer-${{ runner.os }}-${{ github.job }}- + - name: Install dependencies without javaabu/translatable run: | composer remove --dev javaabu/translatable --no-update @@ -159,6 +198,19 @@ jobs: extensions: curl, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, iconv, gd, exif, fileinfo coverage: ${{ env.COVERAGE == 'true' && 'pcov' || 'none' }} + - name: Get Composer cache directory + id: composer-cache + run: echo "dir=$(composer config cache-files-dir)" >> "$GITHUB_OUTPUT" + + - name: Cache Composer downloads + uses: actions/cache@v6 + with: + path: ${{ steps.composer-cache.outputs.dir }} + key: composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}-${{ hashFiles('composer.json', 'composer.lock') }} + restore-keys: | + composer-${{ runner.os }}-${{ github.job }}-${{ strategy.job-index }}- + composer-${{ runner.os }}-${{ github.job }}- + - name: Install dependencies run: | composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update