Updated version and assets for release v21.11.3

Revert "Update german translation"

.env.example.complete

@@ -100,7 +100,8 @@ MEMCACHED_SERVERS=127.0.0.1:11211:100
 REDIS_SERVERS=127.0.0.1:6379:0
 
 # Queue driver to use
-# Can be 'sync', 'database' or 'redis'
+# Queue not really currently used but may be configurable in the future.
+# Would advise not to change this for now.
 QUEUE_CONNECTION=sync
 
 # Storage system to use

.github/translators.txt

@@ -126,7 +126,7 @@ Zenahr Barzani (Zenahr) :: German; Japanese; Dutch; German Informal
 tatsuya.info :: Japanese
 fadiapp :: Arabic
 Jakub Bouček (jakubboucek) :: Czech
-Marco (cdrfun) :: German; German Informal
+Marco (cdrfun) :: German
 10935336 :: Chinese Simplified
 孟繁阳 (FanyangMeng) :: Chinese Simplified
 Andrej Močan (andrejm) :: Slovenian
@@ -206,7 +206,3 @@ Thiago Rafael Pereira de Carvalho (thiago.rafael) :: Portuguese, Brazilian
 Ken Roger Bolgnes (kenbo124) :: Norwegian Bokmal
 Nguyen Hung Phuong (hnwolf) :: Vietnamese
 Umut ERGENE (umutergene67) :: Turkish
-Tomáš Batelka (Vofy) :: Czech
-Mundo Racional (ismael.mesquita) :: Portuguese, Brazilian
-Zarik (3apuk) :: Russian
-Ali Shaatani (a.shaatani) :: Arabic

.gitignore

@@ -5,10 +5,10 @@ Homestead.yaml
 .idea
 npm-debug.log
 yarn-error.log
-/public/dist
+/public/dist/*.map
 /public/plugins
-/public/css
-/public/js
+/public/css/*.map
+/public/js/*.map
 /public/bower
 /public/build/
 /storage/images

TODO

@@ -1,49 +0,0 @@
-### Next
-
-- Table cell height resize & cell width resize via width style
-  - Column resize source: https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
-  - Have updated column resizing to set cell widths
-    - Now need to handle table overall size on change, then heights. 
-
-- Details/Summary
-  - Need view to control summary editability, make readonly but editable via popover.
-  - Need some default styles to visualise details boundary.
-  - Markdown parser needs to be updated to handle separate open/close tags for blocks. 
-
-### In-Progress
-
-- Tables
-- Details/Summary
-
-### Features
-
-- Images
-- Drawings
-- LTR/RTL control
-- Fullscreen
-- Paste Image Uploading
-- Drag + Drop Image Uploading
-- Checkbox/TODO list items
-- Code blocks
-- Indents
-- Attachment integration (Drag & drop)
-- Template system integration.
-
-### Improvements
-
-- List type changing.
-- Color picker options should have "clear" option.
-- Color picker buttons should be split, with button to re-apply last selected color.
-- Color picker options should change color if different instead of remove.
-- Clear formatting, If no selection range, clear the formatting of parent block.
-  - If no marks, clear the block type if text type?
-- Remove links button? (Action already in place if link href is empty).
-- Links - Validate URL.
-- Links - Integrate entity picker.
-- iFrame - Parse iframe HTML & auto-convert youtube/vimeo urls to embeds. 
-
-### Notes
-
-- Use NodeViews for embedded content (Code, Drawings) where control is needed.
-- Probably still easiest to have seperate (codemirror) MD editor. Can alter display output via NodeViews to make MD like
-  but its tricky since editing the markdown content would change the block definition/type while editing.

app/Actions/ActivityLogger.php

@@ -1,115 +0,0 @@
-<?php
-
-namespace BookStack\Actions;
-
-use BookStack\Auth\Permissions\PermissionService;
-use BookStack\Entities\Models\Entity;
-use BookStack\Interfaces\Loggable;
-use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Support\Facades\Log;
-
-class ActivityLogger
-{
-    protected $permissionService;
-
-    public function __construct(PermissionService $permissionService)
-    {
-        $this->permissionService = $permissionService;
-    }
-
-    /**
-     * Add a generic activity event to the database.
-     *
-     * @param string|Loggable $detail
-     */
-    public function add(string $type, $detail = '')
-    {
-        $detailToStore = ($detail instanceof Loggable) ? $detail->logDescriptor() : $detail;
-
-        $activity = $this->newActivityForUser($type);
-        $activity->detail = $detailToStore;
-
-        if ($detail instanceof Entity) {
-            $activity->entity_id = $detail->id;
-            $activity->entity_type = $detail->getMorphClass();
-        }
-
-        $activity->save();
-        $this->setNotification($type);
-        $this->dispatchWebhooks($type, $detail);
-    }
-
-    /**
-     * Get a new activity instance for the current user.
-     */
-    protected function newActivityForUser(string $type): Activity
-    {
-        $ip = request()->ip() ?? '';
-
-        return (new Activity())->forceFill([
-            'type'     => strtolower($type),
-            'user_id'  => user()->id,
-            'ip'       => config('app.env') === 'demo' ? '127.0.0.1' : $ip,
-        ]);
-    }
-
-    /**
-     * Removes the entity attachment from each of its activities
-     * and instead uses the 'extra' field with the entities name.
-     * Used when an entity is deleted.
-     */
-    public function removeEntity(Entity $entity)
-    {
-        $entity->activity()->update([
-            'detail'       => $entity->name,
-            'entity_id'    => null,
-            'entity_type'  => null,
-        ]);
-    }
-
-    /**
-     * Flashes a notification message to the session if an appropriate message is available.
-     */
-    protected function setNotification(string $type): void
-    {
-        $notificationTextKey = 'activities.' . $type . '_notification';
-        if (trans()->has($notificationTextKey)) {
-            $message = trans($notificationTextKey);
-            session()->flash('success', $message);
-        }
-    }
-
-    /**
-     * @param string|Loggable $detail
-     */
-    protected function dispatchWebhooks(string $type, $detail): void
-    {
-        $webhooks = Webhook::query()
-            ->whereHas('trackedEvents', function (Builder $query) use ($type) {
-                $query->where('event', '=', $type)
-                    ->orWhere('event', '=', 'all');
-            })
-            ->where('active', '=', true)
-            ->get();
-
-        foreach ($webhooks as $webhook) {
-            dispatch(new DispatchWebhookJob($webhook, $type, $detail));
-        }
-    }
-
-    /**
-     * Log out a failed login attempt, Providing the given username
-     * as part of the message if the '%u' string is used.
-     */
-    public function logFailedLogin(string $username)
-    {
-        $message = config('logging.failed_login.message');
-        if (!$message) {
-            return;
-        }
-
-        $message = str_replace('%u', $username, $message);
-        $channel = config('logging.failed_login.channel');
-        Log::channel($channel)->warning($message);
-    }
-}

app/Actions/ActivityService.php

@@ -8,25 +8,84 @@ use BookStack\Entities\Models\Book;
 use BookStack\Entities\Models\Chapter;
 use BookStack\Entities\Models\Entity;
 use BookStack\Entities\Models\Page;
+use BookStack\Interfaces\Loggable;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Relations\Relation;
+use Illuminate\Support\Facades\Log;
 
-class ActivityQueries
+class ActivityService
 {
+    protected $activity;
     protected $permissionService;
 
-    public function __construct(PermissionService $permissionService)
+    public function __construct(Activity $activity, PermissionService $permissionService)
     {
+        $this->activity = $activity;
         $this->permissionService = $permissionService;
     }
 
+    /**
+     * Add activity data to database for an entity.
+     */
+    public function addForEntity(Entity $entity, string $type)
+    {
+        $activity = $this->newActivityForUser($type);
+        $entity->activity()->save($activity);
+        $this->setNotification($type);
+    }
+
+    /**
+     * Add a generic activity event to the database.
+     *
+     * @param string|Loggable $detail
+     */
+    public function add(string $type, $detail = '')
+    {
+        if ($detail instanceof Loggable) {
+            $detail = $detail->logDescriptor();
+        }
+
+        $activity = $this->newActivityForUser($type);
+        $activity->detail = $detail;
+        $activity->save();
+        $this->setNotification($type);
+    }
+
+    /**
+     * Get a new activity instance for the current user.
+     */
+    protected function newActivityForUser(string $type): Activity
+    {
+        $ip = request()->ip() ?? '';
+
+        return $this->activity->newInstance()->forceFill([
+            'type'     => strtolower($type),
+            'user_id'  => user()->id,
+            'ip'       => config('app.env') === 'demo' ? '127.0.0.1' : $ip,
+        ]);
+    }
+
+    /**
+     * Removes the entity attachment from each of its activities
+     * and instead uses the 'extra' field with the entities name.
+     * Used when an entity is deleted.
+     */
+    public function removeEntity(Entity $entity)
+    {
+        $entity->activity()->update([
+            'detail'       => $entity->name,
+            'entity_id'    => null,
+            'entity_type'  => null,
+        ]);
+    }
+
     /**
      * Gets the latest activity.
      */
     public function latest(int $count = 20, int $page = 0): array
     {
         $activityList = $this->permissionService
-            ->filterRestrictedEntityRelations(Activity::query(), 'activities', 'entity_id', 'entity_type')
+            ->filterRestrictedEntityRelations($this->activity->newQuery(), 'activities', 'entity_id', 'entity_type')
             ->orderBy('created_at', 'desc')
             ->with(['user', 'entity'])
             ->skip($count * $page)
@@ -52,7 +111,7 @@ class ActivityQueries
             $queryIds[(new Page())->getMorphClass()] = $entity->pages()->scopes('visible')->pluck('id');
         }
 
-        $query = Activity::query();
+        $query = $this->activity->newQuery();
         $query->where(function (Builder $query) use ($queryIds) {
             foreach ($queryIds as $morphClass => $idArr) {
                 $query->orWhere(function (Builder $innerQuery) use ($morphClass, $idArr) {
@@ -79,7 +138,7 @@ class ActivityQueries
     public function userActivity(User $user, int $count = 20, int $page = 0): array
     {
         $activityList = $this->permissionService
-            ->filterRestrictedEntityRelations(Activity::query(), 'activities', 'entity_id', 'entity_type')
+            ->filterRestrictedEntityRelations($this->activity->newQuery(), 'activities', 'entity_id', 'entity_type')
             ->orderBy('created_at', 'desc')
             ->where('user_id', '=', $user->id)
             ->skip($count * $page)
@@ -93,6 +152,8 @@ class ActivityQueries
      * Filters out similar activity.
      *
      * @param Activity[] $activities
+     *
+     * @return array
      */
     protected function filterSimilar(iterable $activities): array
     {
@@ -109,4 +170,32 @@ class ActivityQueries
 
         return $newActivity;
     }
+
+    /**
+     * Flashes a notification message to the session if an appropriate message is available.
+     */
+    protected function setNotification(string $type)
+    {
+        $notificationTextKey = 'activities.' . $type . '_notification';
+        if (trans()->has($notificationTextKey)) {
+            $message = trans($notificationTextKey);
+            session()->flash('success', $message);
+        }
+    }
+
+    /**
+     * Log out a failed login attempt, Providing the given username
+     * as part of the message if the '%u' string is used.
+     */
+    public function logFailedLogin(string $username)
+    {
+        $message = config('logging.failed_login.message');
+        if (!$message) {
+            return;
+        }
+
+        $message = str_replace('%u', $username, $message);
+        $channel = config('logging.failed_login.channel');
+        Log::channel($channel)->warning($message);
+    }
 }

app/Actions/ActivityType.php

@@ -53,16 +53,4 @@ class ActivityType
 
     const MFA_SETUP_METHOD = 'mfa_setup_method';
     const MFA_REMOVE_METHOD = 'mfa_remove_method';
-
-    const WEBHOOK_CREATE = 'webhook_create';
-    const WEBHOOK_UPDATE = 'webhook_update';
-    const WEBHOOK_DELETE = 'webhook_delete';
-
-    /**
-     * Get all the possible values.
-     */
-    public static function all(): array
-    {
-        return (new \ReflectionClass(static::class))->getConstants();
-    }
 }

app/Actions/CommentRepo.php

@@ -45,7 +45,7 @@ class CommentRepo
         $comment->parent_id = $parent_id;
 
         $entity->comments()->save($comment);
-        ActivityService::add(ActivityType::COMMENTED_ON, $entity);
+        ActivityService::addForEntity($entity, ActivityType::COMMENTED_ON);
 
         return $comment;
     }

app/Actions/DispatchWebhookJob.php

@@ -1,132 +0,0 @@
-<?php
-
-namespace BookStack\Actions;
-
-use BookStack\Auth\User;
-use BookStack\Entities\Models\Entity;
-use BookStack\Facades\Theme;
-use BookStack\Interfaces\Loggable;
-use BookStack\Model;
-use BookStack\Theming\ThemeEvents;
-use Illuminate\Bus\Queueable;
-use Illuminate\Contracts\Queue\ShouldQueue;
-use Illuminate\Foundation\Bus\Dispatchable;
-use Illuminate\Queue\InteractsWithQueue;
-use Illuminate\Queue\SerializesModels;
-use Illuminate\Support\Carbon;
-use Illuminate\Support\Facades\Http;
-use Illuminate\Support\Facades\Log;
-
-class DispatchWebhookJob implements ShouldQueue
-{
-    use Dispatchable;
-    use InteractsWithQueue;
-    use Queueable;
-    use SerializesModels;
-
-    /**
-     * @var Webhook
-     */
-    protected $webhook;
-
-    /**
-     * @var string
-     */
-    protected $event;
-
-    /**
-     * @var string|Loggable
-     */
-    protected $detail;
-
-    /**
-     * @var User
-     */
-    protected $initiator;
-
-    /**
-     * @var int
-     */
-    protected $initiatedTime;
-
-    /**
-     * Create a new job instance.
-     *
-     * @return void
-     */
-    public function __construct(Webhook $webhook, string $event, $detail)
-    {
-        $this->webhook = $webhook;
-        $this->event = $event;
-        $this->detail = $detail;
-        $this->initiator = user();
-        $this->initiatedTime = time();
-    }
-
-    /**
-     * Execute the job.
-     *
-     * @return void
-     */
-    public function handle()
-    {
-        $themeResponse = Theme::dispatch(ThemeEvents::WEBHOOK_CALL_BEFORE, $this->event, $this->webhook, $this->detail);
-        $webhookData = $themeResponse ?? $this->buildWebhookData();
-        $lastError = null;
-
-        try {
-            $response = Http::asJson()
-                ->withOptions(['allow_redirects' => ['strict' => true]])
-                ->timeout($this->webhook->timeout)
-                ->post($this->webhook->endpoint, $webhookData);
-        } catch (\Exception $exception) {
-            $lastError = $exception->getMessage();
-            Log::error("Webhook call to endpoint {$this->webhook->endpoint} failed with error \"{$lastError}\"");
-        }
-
-        if (isset($response) && $response->failed()) {
-            $lastError = "Response status from endpoint was {$response->status()}";
-            Log::error("Webhook call to endpoint {$this->webhook->endpoint} failed with status {$response->status()}");
-        }
-
-        $this->webhook->last_called_at = now();
-        if ($lastError) {
-            $this->webhook->last_errored_at = now();
-            $this->webhook->last_error = $lastError;
-        }
-
-        $this->webhook->save();
-    }
-
-    protected function buildWebhookData(): array
-    {
-        $textParts = [
-            $this->initiator->name,
-            trans('activities.' . $this->event),
-        ];
-
-        if ($this->detail instanceof Entity) {
-            $textParts[] = '"' . $this->detail->name . '"';
-        }
-
-        $data = [
-            'event'                    => $this->event,
-            'text'                     => implode(' ', $textParts),
-            'triggered_at'             => Carbon::createFromTimestampUTC($this->initiatedTime)->toISOString(),
-            'triggered_by'             => $this->initiator->attributesToArray(),
-            'triggered_by_profile_url' => $this->initiator->getProfileUrl(),
-            'webhook_id'               => $this->webhook->id,
-            'webhook_name'             => $this->webhook->name,
-        ];
-
-        if (method_exists($this->detail, 'getUrl')) {
-            $data['url'] = $this->detail->getUrl();
-        }
-
-        if ($this->detail instanceof Model) {
-            $data['related_item'] = $this->detail->attributesToArray();
-        }
-
-        return $data;
-    }
-}

app/Actions/Webhook.php

@@ -1,85 +0,0 @@
-<?php
-
-namespace BookStack\Actions;
-
-use BookStack\Interfaces\Loggable;
-use Carbon\Carbon;
-use Illuminate\Database\Eloquent\Collection;
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-use Illuminate\Database\Eloquent\Relations\HasMany;
-
-/**
- * @property int        $id
- * @property string     $name
- * @property string     $endpoint
- * @property Collection $trackedEvents
- * @property bool       $active
- * @property int        $timeout
- * @property string     $last_error
- * @property Carbon     $last_called_at
- * @property Carbon     $last_errored_at
- */
-class Webhook extends Model implements Loggable
-{
-    protected $fillable = ['name', 'endpoint', 'timeout'];
-
-    use HasFactory;
-
-    protected $casts = [
-        'last_called_at'  => 'datetime',
-        'last_errored_at' => 'datetime',
-    ];
-
-    /**
-     * Define the tracked event relation a webhook.
-     */
-    public function trackedEvents(): HasMany
-    {
-        return $this->hasMany(WebhookTrackedEvent::class);
-    }
-
-    /**
-     * Update the tracked events for a webhook from the given list of event types.
-     */
-    public function updateTrackedEvents(array $events): void
-    {
-        $this->trackedEvents()->delete();
-
-        $eventsToStore = array_intersect($events, array_values(ActivityType::all()));
-        if (in_array('all', $events)) {
-            $eventsToStore = ['all'];
-        }
-
-        $trackedEvents = [];
-        foreach ($eventsToStore as $event) {
-            $trackedEvents[] = new WebhookTrackedEvent(['event' => $event]);
-        }
-
-        $this->trackedEvents()->saveMany($trackedEvents);
-    }
-
-    /**
-     * Check if this webhook tracks the given event.
-     */
-    public function tracksEvent(string $event): bool
-    {
-        return $this->trackedEvents->pluck('event')->contains($event);
-    }
-
-    /**
-     * Get a URL for this webhook within the settings interface.
-     */
-    public function getUrl(string $path = ''): string
-    {
-        return url('/settings/webhooks/' . $this->id . '/' . ltrim($path, '/'));
-    }
-
-    /**
-     * Get the string descriptor for this item.
-     */
-    public function logDescriptor(): string
-    {
-        return "({$this->id}) {$this->name}";
-    }
-}

app/Actions/WebhookTrackedEvent.php

@@ -1,18 +0,0 @@
-<?php
-
-namespace BookStack\Actions;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-/**
- * @property int    $id
- * @property int    $webhook_id
- * @property string $event
- */
-class WebhookTrackedEvent extends Model
-{
-    protected $fillable = ['event'];
-
-    use HasFactory;
-}

app/Auth/UserRepo.php

@@ -2,6 +2,7 @@
 
 namespace BookStack\Auth;
 
+use Activity;
 use BookStack\Entities\EntityProvider;
 use BookStack\Entities\Models\Book;
 use BookStack\Entities\Models\Bookshelf;
@@ -217,6 +218,14 @@ class UserRepo
         }
     }
 
+    /**
+     * Get the latest activity for a user.
+     */
+    public function getActivity(User $user, int $count = 20, int $page = 0): array
+    {
+        return Activity::userActivity($user, $count, $page);
+    }
+
     /**
      * Get the recently created content for this given user.
      */

app/Config/queue.php

@@ -11,7 +11,7 @@
 return [
 
     // Default driver to use for the queue
-    // Options: sync, database, redis
+    // Options: null, sync, redis
     'default' => env('QUEUE_CONNECTION', 'sync'),
 
     // Queue connection configuration

app/Console/Commands/CreateAdmin.php

@@ -4,9 +4,6 @@ namespace BookStack\Console\Commands;
 
 use BookStack\Auth\UserRepo;
 use Illuminate\Console\Command;
-use Illuminate\Support\Facades\Validator;
-use Illuminate\Validation\Rules\Password;
-use Illuminate\Validation\Rules\Unique;
 use Symfony\Component\Console\Command\Command as SymfonyCommand;
 
 class CreateAdmin extends Command
@@ -48,33 +45,43 @@ class CreateAdmin extends Command
      */
     public function handle()
     {
-        $details = $this->options();
-
-        if (empty($details['email'])) {
-            $details['email'] = $this->ask('Please specify an email address for the new admin user');
+        $email = trim($this->option('email'));
+        if (empty($email)) {
+            $email = $this->ask('Please specify an email address for the new admin user');
         }
-        if (empty($details['name'])) {
-            $details['name'] = $this->ask('Please specify a name for the new admin user');
-        }
-        if (empty($details['password'])) {
-            $details['password'] = $this->ask('Please specify a password for the new admin user (8 characters min)');
-        }
-
-        $validator = Validator::make($details, [
-            'email'    => ['required', 'email', 'min:5', new Unique('users', 'email')],
-            'name'     => ['required', 'min:2'],
-            'password' => ['required', Password::default()],
-        ]);
-
-        if ($validator->fails()) {
-            foreach ($validator->errors()->all() as $error) {
-                $this->error($error);
-            }
+        if (mb_strlen($email) < 5 || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
+            $this->error('Invalid email address provided');
 
             return SymfonyCommand::FAILURE;
         }
 
-        $user = $this->userRepo->create($validator->validated());
+        if ($this->userRepo->getByEmail($email) !== null) {
+            $this->error('A user with the provided email already exists!');
+
+            return SymfonyCommand::FAILURE;
+        }
+
+        $name = trim($this->option('name'));
+        if (empty($name)) {
+            $name = $this->ask('Please specify an name for the new admin user');
+        }
+        if (mb_strlen($name) < 2) {
+            $this->error('Invalid name provided');
+
+            return SymfonyCommand::FAILURE;
+        }
+
+        $password = trim($this->option('password'));
+        if (empty($password)) {
+            $password = $this->secret('Please specify a password for the new admin user');
+        }
+        if (mb_strlen($password) < 5) {
+            $this->error('Invalid password provided, Must be at least 5 characters');
+
+            return SymfonyCommand::FAILURE;
+        }
+
+        $user = $this->userRepo->create(['email' => $email, 'name' => $name, 'password' => $password]);
         $this->userRepo->attachSystemRole($user, 'admin');
         $this->userRepo->downloadAndAssignUserAvatar($user);
         $user->email_confirmed = true;

app/Entities/Models/Chapter.php

@@ -18,7 +18,7 @@ class Chapter extends BookChild
 
     public $searchFactor = 1.2;
 
-    protected $fillable = ['name', 'description', 'priority'];
+    protected $fillable = ['name', 'description', 'priority', 'book_id'];
     protected $hidden = ['restricted', 'pivot', 'deleted_at'];
 
     /**

app/Entities/Models/Entity.php

@@ -14,7 +14,6 @@ use BookStack\Entities\Tools\SlugGenerator;
 use BookStack\Facades\Permissions;
 use BookStack\Interfaces\Deletable;
 use BookStack\Interfaces\Favouritable;
-use BookStack\Interfaces\Loggable;
 use BookStack\Interfaces\Sluggable;
 use BookStack\Interfaces\Viewable;
 use BookStack\Model;
@@ -46,7 +45,7 @@ use Illuminate\Database\Eloquent\SoftDeletes;
  * @method static Builder withLastView()
  * @method static Builder withViewCount()
  */
-abstract class Entity extends Model implements Sluggable, Favouritable, Viewable, Deletable, Loggable
+abstract class Entity extends Model implements Sluggable, Favouritable, Viewable, Deletable
 {
     use SoftDeletes;
     use HasCreatorAndUpdater;
@@ -322,12 +321,4 @@ abstract class Entity extends Model implements Sluggable, Favouritable, Viewable
             ->where('user_id', '=', user()->id)
             ->exists();
     }
-
-    /**
-     * {@inheritdoc}
-     */
-    public function logDescriptor(): string
-    {
-        return "({$this->id}) {$this->name}";
-    }
 }

app/Entities/Repos/BookRepo.php

@@ -91,7 +91,7 @@ class BookRepo
     {
         $book = new Book();
         $this->baseRepo->create($book, $input);
-        Activity::add(ActivityType::BOOK_CREATE, $book);
+        Activity::addForEntity($book, ActivityType::BOOK_CREATE);
 
         return $book;
     }
@@ -102,7 +102,7 @@ class BookRepo
     public function update(Book $book, array $input): Book
     {
         $this->baseRepo->update($book, $input);
-        Activity::add(ActivityType::BOOK_UPDATE, $book);
+        Activity::addForEntity($book, ActivityType::BOOK_UPDATE);
 
         return $book;
     }
@@ -127,7 +127,7 @@ class BookRepo
     {
         $trashCan = new TrashCan();
         $trashCan->softDestroyBook($book);
-        Activity::add(ActivityType::BOOK_DELETE, $book);
+        Activity::addForEntity($book, ActivityType::BOOK_DELETE);
 
         $trashCan->autoClearOld();
     }

app/Entities/Repos/BookshelfRepo.php

@@ -90,7 +90,7 @@ class BookshelfRepo
         $shelf = new Bookshelf();
         $this->baseRepo->create($shelf, $input);
         $this->updateBooks($shelf, $bookIds);
-        Activity::add(ActivityType::BOOKSHELF_CREATE, $shelf);
+        Activity::addForEntity($shelf, ActivityType::BOOKSHELF_CREATE);
 
         return $shelf;
     }
@@ -106,7 +106,7 @@ class BookshelfRepo
             $this->updateBooks($shelf, $bookIds);
         }
 
-        Activity::add(ActivityType::BOOKSHELF_UPDATE, $shelf);
+        Activity::addForEntity($shelf, ActivityType::BOOKSHELF_UPDATE);
 
         return $shelf;
     }
@@ -177,7 +177,7 @@ class BookshelfRepo
     {
         $trashCan = new TrashCan();
         $trashCan->softDestroyShelf($shelf);
-        Activity::add(ActivityType::BOOKSHELF_DELETE, $shelf);
+        Activity::addForEntity($shelf, ActivityType::BOOKSHELF_DELETE);
         $trashCan->autoClearOld();
     }
 }

app/Entities/Repos/ChapterRepo.php

@@ -5,12 +5,10 @@ namespace BookStack\Entities\Repos;
 use BookStack\Actions\ActivityType;
 use BookStack\Entities\Models\Book;
 use BookStack\Entities\Models\Chapter;
-use BookStack\Entities\Models\Entity;
 use BookStack\Entities\Tools\BookContents;
 use BookStack\Entities\Tools\TrashCan;
 use BookStack\Exceptions\MoveOperationException;
 use BookStack\Exceptions\NotFoundException;
-use BookStack\Exceptions\PermissionsException;
 use BookStack\Facades\Activity;
 use Exception;
 
@@ -51,7 +49,7 @@ class ChapterRepo
         $chapter->book_id = $parentBook->id;
         $chapter->priority = (new BookContents($parentBook))->getLastPriority() + 1;
         $this->baseRepo->create($chapter, $input);
-        Activity::add(ActivityType::CHAPTER_CREATE, $chapter);
+        Activity::addForEntity($chapter, ActivityType::CHAPTER_CREATE);
 
         return $chapter;
     }
@@ -62,7 +60,7 @@ class ChapterRepo
     public function update(Chapter $chapter, array $input): Chapter
     {
         $this->baseRepo->update($chapter, $input);
-        Activity::add(ActivityType::CHAPTER_UPDATE, $chapter);
+        Activity::addForEntity($chapter, ActivityType::CHAPTER_UPDATE);
 
         return $chapter;
     }
@@ -76,7 +74,7 @@ class ChapterRepo
     {
         $trashCan = new TrashCan();
         $trashCan->softDestroyChapter($chapter);
-        Activity::add(ActivityType::CHAPTER_DELETE, $chapter);
+        Activity::addForEntity($chapter, ActivityType::CHAPTER_DELETE);
         $trashCan->autoClearOld();
     }
 
@@ -86,43 +84,27 @@ class ChapterRepo
      * 'book:<id>' (book:5).
      *
      * @throws MoveOperationException
-     * @throws PermissionsException
      */
     public function move(Chapter $chapter, string $parentIdentifier): Book
     {
-        $parent = $this->findParentByIdentifier($parentIdentifier);
-        if (is_null($parent)) {
-            throw new MoveOperationException('Book to move chapter into not found');
-        }
-
-        if (!userCan('chapter-create', $parent)) {
-            throw new PermissionsException('User does not have permission to create a chapter within the chosen book');
-        }
-
-        $chapter->changeBook($parent->id);
-        $chapter->rebuildPermissions();
-        Activity::add(ActivityType::CHAPTER_MOVE, $chapter);
-
-        return $parent;
-    }
-
-    /**
-     * Find a page parent entity via an identifier string in the format:
-     * {type}:{id}
-     * Example: (book:5).
-     *
-     * @throws MoveOperationException
-     */
-    public function findParentByIdentifier(string $identifier): ?Book
-    {
-        $stringExploded = explode(':', $identifier);
+        $stringExploded = explode(':', $parentIdentifier);
         $entityType = $stringExploded[0];
         $entityId = intval($stringExploded[1]);
 
         if ($entityType !== 'book') {
-            throw new MoveOperationException('Chapters can only be in books');
+            throw new MoveOperationException('Chapters can only be moved into books');
         }
 
-        return Book::visible()->where('id', '=', $entityId)->first();
+        /** @var Book $parent */
+        $parent = Book::visible()->where('id', '=', $entityId)->first();
+        if ($parent === null) {
+            throw new MoveOperationException('Book to move chapter into not found');
+        }
+
+        $chapter->changeBook($parent->id);
+        $chapter->rebuildPermissions();
+        Activity::addForEntity($chapter, ActivityType::CHAPTER_MOVE);
+
+        return $parent;
     }
 }

app/Entities/Repos/PageRepo.php

@@ -171,7 +171,7 @@ class PageRepo
         $draft->indexForSearch();
         $draft->refresh();
 
-        Activity::add(ActivityType::PAGE_CREATE, $draft);
+        Activity::addForEntity($draft, ActivityType::PAGE_CREATE);
 
         return $draft;
     }
@@ -205,7 +205,7 @@ class PageRepo
             $this->savePageRevision($page, $summary);
         }
 
-        Activity::add(ActivityType::PAGE_UPDATE, $page);
+        Activity::addForEntity($page, ActivityType::PAGE_UPDATE);
 
         return $page;
     }
@@ -281,7 +281,7 @@ class PageRepo
     {
         $trashCan = new TrashCan();
         $trashCan->softDestroyPage($page);
-        Activity::add(ActivityType::PAGE_DELETE, $page);
+        Activity::addForEntity($page, ActivityType::PAGE_DELETE);
         $trashCan->autoClearOld();
     }
 
@@ -312,7 +312,7 @@ class PageRepo
         $summary = trans('entities.pages_revision_restored_from', ['id' => strval($revisionId), 'summary' => $revision->summary]);
         $this->savePageRevision($page, $summary);
 
-        Activity::add(ActivityType::PAGE_RESTORE, $page);
+        Activity::addForEntity($page, ActivityType::PAGE_RESTORE);
 
         return $page;
     }
@@ -328,7 +328,7 @@ class PageRepo
     public function move(Page $page, string $parentIdentifier): Entity
     {
         $parent = $this->findParentByIdentifier($parentIdentifier);
-        if (is_null($parent)) {
+        if ($parent === null) {
             throw new MoveOperationException('Book or chapter to move page into not found');
         }
 
@@ -341,19 +341,56 @@ class PageRepo
         $page->changeBook($newBookId);
         $page->rebuildPermissions();
 
-        Activity::add(ActivityType::PAGE_MOVE, $page);
+        Activity::addForEntity($page, ActivityType::PAGE_MOVE);
 
         return $parent;
     }
 
     /**
-     * Find a page parent entity via an identifier string in the format:
+     * Copy an existing page in the system.
+     * Optionally providing a new parent via string identifier and a new name.
+     *
+     * @throws MoveOperationException
+     * @throws PermissionsException
+     */
+    public function copy(Page $page, string $parentIdentifier = null, string $newName = null): Page
+    {
+        $parent = $parentIdentifier ? $this->findParentByIdentifier($parentIdentifier) : $page->getParent();
+        if ($parent === null) {
+            throw new MoveOperationException('Book or chapter to move page into not found');
+        }
+
+        if (!userCan('page-create', $parent)) {
+            throw new PermissionsException('User does not have permission to create a page within the new parent');
+        }
+
+        $copyPage = $this->getNewDraftPage($parent);
+        $pageData = $page->getAttributes();
+
+        // Update name
+        if (!empty($newName)) {
+            $pageData['name'] = $newName;
+        }
+
+        // Copy tags from previous page if set
+        if ($page->tags) {
+            $pageData['tags'] = [];
+            foreach ($page->tags as $tag) {
+                $pageData['tags'][] = ['name' => $tag->name, 'value' => $tag->value];
+            }
+        }
+
+        return $this->publishDraft($copyPage, $pageData);
+    }
+
+    /**
+     * Find a page parent entity via a identifier string in the format:
      * {type}:{id}
      * Example: (book:5).
      *
      * @throws MoveOperationException
      */
-    public function findParentByIdentifier(string $identifier): ?Entity
+    protected function findParentByIdentifier(string $identifier): ?Entity
     {
         $stringExploded = explode(':', $identifier);
         $entityType = $stringExploded[0];

app/Entities/Tools/BookContents.php

@@ -7,6 +7,7 @@ use BookStack\Entities\Models\BookChild;
 use BookStack\Entities\Models\Chapter;
 use BookStack\Entities\Models\Entity;
 use BookStack\Entities\Models\Page;
+use BookStack\Exceptions\SortOperationException;
 use Illuminate\Support\Collection;
 
 class BookContents
@@ -106,209 +107,111 @@ class BookContents
     }
 
     /**
-     * Sort the books content using the given sort map.
+     * Sort the books content using the given map.
+     * The map is a single-dimension collection of objects in the following format:
+     *   {
+     *     +"id": "294" (ID of item)
+     *     +"sort": 1 (Sort order index)
+     *     +"parentChapter": false (ID of parent chapter, as string, or false)
+     *     +"type": "page" (Entity type of item)
+     *     +"book": "1" (Id of book to place item in)
+     *   }.
+     *
      * Returns a list of books that were involved in the operation.
      *
-     * @returns Book[]
+     * @throws SortOperationException
      */
-    public function sortUsingMap(BookSortMap $sortMap): array
+    public function sortUsingMap(Collection $sortMap): Collection
     {
         // Load models into map
-        $modelMap = $this->loadModelsFromSortMap($sortMap);
-
-        // Sort our changes from our map to be chapters first
-        // Since they need to be process to ensure book alignment for child page changes.
-        $sortMapItems = $sortMap->all();
-        usort($sortMapItems, function (BookSortMapItem $itemA, BookSortMapItem $itemB) {
-            $aScore = $itemA->type === 'page' ? 2 : 1;
-            $bScore = $itemB->type === 'page' ? 2 : 1;
-
-            return $aScore - $bScore;
-        });
+        $this->loadModelsIntoSortMap($sortMap);
+        $booksInvolved = $this->getBooksInvolvedInSort($sortMap);
 
         // Perform the sort
-        foreach ($sortMapItems as $item) {
-            $this->applySortUpdates($item, $modelMap);
-        }
+        $sortMap->each(function ($mapItem) {
+            $this->applySortUpdates($mapItem);
+        });
 
-        /** @var Book[] $booksInvolved */
-        $booksInvolved = array_values(array_filter($modelMap, function (string $key) {
-            return strpos($key, 'book:') === 0;
-        }, ARRAY_FILTER_USE_KEY));
-
-        // Update permissions of books involved
-        foreach ($booksInvolved as $book) {
+        // Update permissions and activity.
+        $booksInvolved->each(function (Book $book) {
             $book->rebuildPermissions();
-        }
+        });
 
         return $booksInvolved;
     }
 
     /**
      * Using the given sort map item, detect changes for the related model
-     * and update it if required. Changes where permissions are lacking will
-     * be skipped and not throw an error.
-     *
-     * @param array<string, Entity> $modelMap
+     * and update it if required.
      */
-    protected function applySortUpdates(BookSortMapItem $sortMapItem, array $modelMap): void
+    protected function applySortUpdates(\stdClass $sortMapItem)
     {
         /** @var BookChild $model */
-        $model = $modelMap[$sortMapItem->type . ':' . $sortMapItem->id] ?? null;
-        if (!$model) {
-            return;
-        }
+        $model = $sortMapItem->model;
 
-        $priorityChanged = $model->priority !== $sortMapItem->sort;
-        $bookChanged = $model->book_id !== $sortMapItem->parentBookId;
-        $chapterChanged = ($model instanceof Page) && $model->chapter_id !== $sortMapItem->parentChapterId;
+        $priorityChanged = intval($model->priority) !== intval($sortMapItem->sort);
+        $bookChanged = intval($model->book_id) !== intval($sortMapItem->book);
+        $chapterChanged = ($model instanceof Page) && intval($model->chapter_id) !== $sortMapItem->parentChapter;
 
-        // Stop if there's no change
-        if (!$priorityChanged && !$bookChanged && !$chapterChanged) {
-            return;
-        }
-
-        $currentParentKey = 'book:' . $model->book_id;
-        if ($model instanceof Page && $model->chapter_id) {
-            $currentParentKey = 'chapter:' . $model->chapter_id;
-        }
-
-        $currentParent = $modelMap[$currentParentKey] ?? null;
-        /** @var Book $newBook */
-        $newBook = $modelMap['book:' . $sortMapItem->parentBookId] ?? null;
-        /** @var ?Chapter $newChapter */
-        $newChapter = $sortMapItem->parentChapterId ? ($modelMap['chapter:' . $sortMapItem->parentChapterId] ?? null) : null;
-
-        if (!$this->isSortChangePermissible($sortMapItem, $model, $currentParent, $newBook, $newChapter)) {
-            return;
-        }
-
-        // Action the required changes
         if ($bookChanged) {
-            $model->changeBook($newBook->id);
+            $model->changeBook($sortMapItem->book);
         }
 
         if ($chapterChanged) {
-            $model->chapter_id = $newChapter->id ?? 0;
+            $model->chapter_id = intval($sortMapItem->parentChapter);
+            $model->save();
         }
 
         if ($priorityChanged) {
-            $model->priority = $sortMapItem->sort;
-        }
-
-        if ($chapterChanged || $priorityChanged) {
+            $model->priority = intval($sortMapItem->sort);
             $model->save();
         }
     }
 
     /**
-     * Check if the current user has permissions to apply the given sorting change.
-     * Is quite complex since items can gain a different parent change. Acts as a:
-     * - Update of old parent element (Change of content/order).
-     * - Update of sorted/moved element.
-     * - Deletion of element (Relative to parent upon move).
-     * - Creation of element within parent (Upon move to new parent).
+     * Load models from the database into the given sort map.
      */
-    protected function isSortChangePermissible(BookSortMapItem $sortMapItem, BookChild $model, ?Entity $currentParent, ?Entity $newBook, ?Entity $newChapter): bool
+    protected function loadModelsIntoSortMap(Collection $sortMap): void
     {
-        // Stop if we can't see the current parent or new book.
-        if (!$currentParent || !$newBook) {
-            return false;
+        $keyMap = $sortMap->keyBy(function (\stdClass $sortMapItem) {
+            return  $sortMapItem->type . ':' . $sortMapItem->id;
+        });
+        $pageIds = $sortMap->where('type', '=', 'page')->pluck('id');
+        $chapterIds = $sortMap->where('type', '=', 'chapter')->pluck('id');
+
+        $pages = Page::visible()->whereIn('id', $pageIds)->get();
+        $chapters = Chapter::visible()->whereIn('id', $chapterIds)->get();
+
+        foreach ($pages as $page) {
+            $sortItem = $keyMap->get('page:' . $page->id);
+            $sortItem->model = $page;
         }
 
-        $hasNewParent = $newBook->id !== $model->book_id || ($model instanceof Page && $model->chapter_id !== ($sortMapItem->parentChapterId ?? 0));
-        if ($model instanceof Chapter) {
-            $hasPermission = userCan('book-update', $currentParent)
-                && userCan('book-update', $newBook)
-                && userCan('chapter-update', $model)
-                && (!$hasNewParent || userCan('chapter-create', $newBook))
-                && (!$hasNewParent || userCan('chapter-delete', $model));
-
-            if (!$hasPermission) {
-                return false;
-            }
+        foreach ($chapters as $chapter) {
+            $sortItem = $keyMap->get('chapter:' . $chapter->id);
+            $sortItem->model = $chapter;
         }
-
-        if ($model instanceof Page) {
-            $parentPermission = ($currentParent instanceof Chapter) ? 'chapter-update' : 'book-update';
-            $hasCurrentParentPermission = userCan($parentPermission, $currentParent);
-
-            // This needs to check if there was an intended chapter location in the original sort map
-            // rather than inferring from the $newChapter since that variable may be null
-            // due to other reasons (Visibility).
-            $newParent = $sortMapItem->parentChapterId ? $newChapter : $newBook;
-            if (!$newParent) {
-                return false;
-            }
-
-            $hasPageEditPermission = userCan('page-update', $model);
-            $newParentInRightLocation = ($newParent instanceof Book || $newParent->book_id === $newBook->id);
-            $newParentPermission = ($newParent instanceof Chapter) ? 'chapter-update' : 'book-update';
-            $hasNewParentPermission = userCan($newParentPermission, $newParent);
-
-            $hasDeletePermissionIfMoving = (!$hasNewParent || userCan('page-delete', $model));
-            $hasCreatePermissionIfMoving = (!$hasNewParent || userCan('page-create', $newParent));
-
-            $hasPermission = $hasCurrentParentPermission
-                && $newParentInRightLocation
-                && $hasNewParentPermission
-                && $hasPageEditPermission
-                && $hasDeletePermissionIfMoving
-                && $hasCreatePermissionIfMoving;
-
-            if (!$hasPermission) {
-                return false;
-            }
-        }
-
-        return true;
     }
 
     /**
-     * Load models from the database into the given sort map.
+     * Get the books involved in a sort.
+     * The given sort map should have its models loaded first.
      *
-     * @return array<string, Entity>
+     * @throws SortOperationException
      */
-    protected function loadModelsFromSortMap(BookSortMap $sortMap): array
+    protected function getBooksInvolvedInSort(Collection $sortMap): Collection
     {
-        $modelMap = [];
-        $ids = [
-            'chapter' => [],
-            'page'    => [],
-            'book'    => [],
-        ];
+        $bookIdsInvolved = collect([$this->book->id]);
+        $bookIdsInvolved = $bookIdsInvolved->concat($sortMap->pluck('book'));
+        $bookIdsInvolved = $bookIdsInvolved->concat($sortMap->pluck('model.book_id'));
+        $bookIdsInvolved = $bookIdsInvolved->unique()->toArray();
 
-        foreach ($sortMap->all() as $sortMapItem) {
-            $ids[$sortMapItem->type][] = $sortMapItem->id;
-            $ids['book'][] = $sortMapItem->parentBookId;
-            if ($sortMapItem->parentChapterId) {
-                $ids['chapter'][] = $sortMapItem->parentChapterId;
-            }
+        $books = Book::hasPermission('update')->whereIn('id', $bookIdsInvolved)->get();
+
+        if (count($books) !== count($bookIdsInvolved)) {
+            throw new SortOperationException('Could not find all books requested in sort operation');
         }
 
-        $pages = Page::visible()->whereIn('id', array_unique($ids['page']))->get(Page::$listAttributes);
-        /** @var Page $page */
-        foreach ($pages as $page) {
-            $modelMap['page:' . $page->id] = $page;
-            $ids['book'][] = $page->book_id;
-            if ($page->chapter_id) {
-                $ids['chapter'][] = $page->chapter_id;
-            }
-        }
-
-        $chapters = Chapter::visible()->whereIn('id', array_unique($ids['chapter']))->get();
-        /** @var Chapter $chapter */
-        foreach ($chapters as $chapter) {
-            $modelMap['chapter:' . $chapter->id] = $chapter;
-            $ids['book'][] = $chapter->book_id;
-        }
-
-        $books = Book::visible()->whereIn('id', array_unique($ids['book']))->get();
-        /** @var Book $book */
-        foreach ($books as $book) {
-            $modelMap['book:' . $book->id] = $book;
-        }
-
-        return $modelMap;
+        return $books;
     }
 }

app/Entities/Tools/BookSortMap.php

@@ -1,44 +0,0 @@
-<?php
-
-namespace BookStack\Entities\Tools;
-
-class BookSortMap
-{
-    /**
-     * @var BookSortMapItem[]
-     */
-    protected $mapData = [];
-
-    public function addItem(BookSortMapItem $mapItem): void
-    {
-        $this->mapData[] = $mapItem;
-    }
-
-    /**
-     * @return BookSortMapItem[]
-     */
-    public function all(): array
-    {
-        return $this->mapData;
-    }
-
-    public static function fromJson(string $json): self
-    {
-        $map = new BookSortMap();
-        $mapData = json_decode($json);
-
-        foreach ($mapData as $mapDataItem) {
-            $item = new BookSortMapItem(
-                intval($mapDataItem->id),
-                intval($mapDataItem->sort),
-                $mapDataItem->parentChapter ? intval($mapDataItem->parentChapter) : null,
-                $mapDataItem->type,
-                intval($mapDataItem->book)
-            );
-
-            $map->addItem($item);
-        }
-
-        return $map;
-    }
-}

app/Entities/Tools/BookSortMapItem.php

@@ -1,40 +0,0 @@
-<?php
-
-namespace BookStack\Entities\Tools;
-
-class BookSortMapItem
-{
-    /**
-     * @var int
-     */
-    public $id;
-
-    /**
-     * @var int
-     */
-    public $sort;
-
-    /**
-     * @var ?int
-     */
-    public $parentChapterId;
-
-    /**
-     * @var string
-     */
-    public $type;
-
-    /**
-     * @var int
-     */
-    public $parentBookId;
-
-    public function __construct(int $id, int $sort, ?int $parentChapterId, string $type, int $parentBookId)
-    {
-        $this->id = $id;
-        $this->sort = $sort;
-        $this->parentChapterId = $parentChapterId;
-        $this->type = $type;
-        $this->parentBookId = $parentBookId;
-    }
-}

app/Entities/Tools/Cloner.php

@@ -1,147 +0,0 @@
-<?php
-
-namespace BookStack\Entities\Tools;
-
-use BookStack\Actions\Tag;
-use BookStack\Entities\Models\Book;
-use BookStack\Entities\Models\Chapter;
-use BookStack\Entities\Models\Entity;
-use BookStack\Entities\Models\Page;
-use BookStack\Entities\Repos\BookRepo;
-use BookStack\Entities\Repos\ChapterRepo;
-use BookStack\Entities\Repos\PageRepo;
-use BookStack\Uploads\Image;
-use BookStack\Uploads\ImageService;
-use Illuminate\Http\UploadedFile;
-
-class Cloner
-{
-    /**
-     * @var PageRepo
-     */
-    protected $pageRepo;
-
-    /**
-     * @var ChapterRepo
-     */
-    protected $chapterRepo;
-
-    /**
-     * @var BookRepo
-     */
-    protected $bookRepo;
-
-    /**
-     * @var ImageService
-     */
-    protected $imageService;
-
-    public function __construct(PageRepo $pageRepo, ChapterRepo $chapterRepo, BookRepo $bookRepo, ImageService $imageService)
-    {
-        $this->pageRepo = $pageRepo;
-        $this->chapterRepo = $chapterRepo;
-        $this->bookRepo = $bookRepo;
-        $this->imageService = $imageService;
-    }
-
-    /**
-     * Clone the given page into the given parent using the provided name.
-     */
-    public function clonePage(Page $original, Entity $parent, string $newName): Page
-    {
-        $copyPage = $this->pageRepo->getNewDraftPage($parent);
-        $pageData = $original->getAttributes();
-
-        // Update name & tags
-        $pageData['name'] = $newName;
-        $pageData['tags'] = $this->entityTagsToInputArray($original);
-
-        return $this->pageRepo->publishDraft($copyPage, $pageData);
-    }
-
-    /**
-     * Clone the given page into the given parent using the provided name.
-     * Clones all child pages.
-     */
-    public function cloneChapter(Chapter $original, Book $parent, string $newName): Chapter
-    {
-        $chapterDetails = $original->getAttributes();
-        $chapterDetails['name'] = $newName;
-        $chapterDetails['tags'] = $this->entityTagsToInputArray($original);
-
-        $copyChapter = $this->chapterRepo->create($chapterDetails, $parent);
-
-        if (userCan('page-create', $copyChapter)) {
-            /** @var Page $page */
-            foreach ($original->getVisiblePages() as $page) {
-                $this->clonePage($page, $copyChapter, $page->name);
-            }
-        }
-
-        return $copyChapter;
-    }
-
-    /**
-     * Clone the given book.
-     * Clones all child chapters & pages.
-     */
-    public function cloneBook(Book $original, string $newName): Book
-    {
-        $bookDetails = $original->getAttributes();
-        $bookDetails['name'] = $newName;
-        $bookDetails['tags'] = $this->entityTagsToInputArray($original);
-
-        $copyBook = $this->bookRepo->create($bookDetails);
-
-        $directChildren = $original->getDirectChildren();
-        foreach ($directChildren as $child) {
-            if ($child instanceof Chapter && userCan('chapter-create', $copyBook)) {
-                $this->cloneChapter($child, $copyBook, $child->name);
-            }
-
-            if ($child instanceof Page && !$child->draft && userCan('page-create', $copyBook)) {
-                $this->clonePage($child, $copyBook, $child->name);
-            }
-        }
-
-        if ($original->cover) {
-            try {
-                $tmpImgFile = tmpfile();
-                $uploadedFile = $this->imageToUploadedFile($original->cover, $tmpImgFile);
-                $this->bookRepo->updateCoverImage($copyBook, $uploadedFile, false);
-            } catch (\Exception $exception) {
-            }
-        }
-
-        return $copyBook;
-    }
-
-    /**
-     * Convert an image instance to an UploadedFile instance to mimic
-     * a file being uploaded.
-     */
-    protected function imageToUploadedFile(Image $image, &$tmpFile): ?UploadedFile
-    {
-        $imgData = $this->imageService->getImageData($image);
-        $tmpImgFilePath = stream_get_meta_data($tmpFile)['uri'];
-        file_put_contents($tmpImgFilePath, $imgData);
-
-        return new UploadedFile($tmpImgFilePath, basename($image->path));
-    }
-
-    /**
-     * Convert the tags on the given entity to the raw format
-     * that's used for incoming request data.
-     */
-    protected function entityTagsToInputArray(Entity $entity): array
-    {
-        $tags = [];
-
-        /** @var Tag $tag */
-        foreach ($entity->tags as $tag) {
-            $tags[] = ['name' => $tag->name, 'value' => $tag->value];
-        }
-
-        return $tags;
-    }
-}

app/Entities/Tools/PermissionsUpdater.php

@@ -35,7 +35,7 @@ class PermissionsUpdater
         $entity->save();
         $entity->rebuildPermissions();
 
-        Activity::add(ActivityType::PERMISSIONS_UPDATE, $entity);
+        Activity::addForEntity($entity, ActivityType::PERMISSIONS_UPDATE);
     }
 
     /**

app/Entities/Tools/SearchResultsFormatter.php

@@ -57,17 +57,17 @@ class SearchResultsFormatter
     protected function highlightTagsContainingTerms(array $tags, array $terms): void
     {
         foreach ($tags as $tag) {
-            $tagName = mb_strtolower($tag->name);
-            $tagValue = mb_strtolower($tag->value);
+            $tagName = strtolower($tag->name);
+            $tagValue = strtolower($tag->value);
 
             foreach ($terms as $term) {
-                $termLower = mb_strtolower($term);
+                $termLower = strtolower($term);
 
-                if (mb_strpos($tagName, $termLower) !== false) {
+                if (strpos($tagName, $termLower) !== false) {
                     $tag->setAttribute('highlight_name', true);
                 }
 
-                if (mb_strpos($tagValue, $termLower) !== false) {
+                if (strpos($tagValue, $termLower) !== false) {
                     $tag->setAttribute('highlight_value', true);
                 }
             }
@@ -84,17 +84,17 @@ class SearchResultsFormatter
     protected function getMatchPositions(string $text, array $terms): array
     {
         $matchRefs = [];
-        $text = mb_strtolower($text);
+        $text = strtolower($text);
 
         foreach ($terms as $term) {
             $offset = 0;
-            $term = mb_strtolower($term);
-            $pos = mb_strpos($text, $term, $offset);
+            $term = strtolower($term);
+            $pos = strpos($text, $term, $offset);
             while ($pos !== false) {
-                $end = $pos + mb_strlen($term);
+                $end = $pos + strlen($term);
                 $matchRefs[$pos] = $end;
                 $offset = $end;
-                $pos = mb_strpos($text, $term, $offset);
+                $pos = strpos($text, $term, $offset);
             }
         }
 
@@ -141,7 +141,7 @@ class SearchResultsFormatter
      */
     protected function formatTextUsingMatchPositions(array $matchPositions, string $originalText, int $targetLength): string
     {
-        $maxEnd = mb_strlen($originalText);
+        $maxEnd = strlen($originalText);
         $fetchAll = ($targetLength === 0);
         $contextLength = ($fetchAll ? 0 : 32);
 
@@ -165,7 +165,7 @@ class SearchResultsFormatter
                 $contextStart = $start;
                 // Trims off '$startDiff' number of characters to bring it back to the start
                 // if this current match zone.
-                $content = mb_substr($content, 0, mb_strlen($content) + $startDiff);
+                $content = substr($content, 0, strlen($content) + $startDiff);
                 $contentTextLength += $startDiff;
             }
 
@@ -176,16 +176,16 @@ class SearchResultsFormatter
             } elseif ($fetchAll) {
                 // Or fill in gap since the previous match
                 $fillLength = $contextStart - $lastEnd;
-                $content .= e(mb_substr($originalText, $lastEnd, $fillLength));
+                $content .= e(substr($originalText, $lastEnd, $fillLength));
                 $contentTextLength += $fillLength;
             }
 
             // Add our content including the bolded matching text
-            $content .= e(mb_substr($originalText, $contextStart, $start - $contextStart));
+            $content .= e(substr($originalText, $contextStart, $start - $contextStart));
             $contentTextLength += $start - $contextStart;
-            $content .= '<strong>' . e(mb_substr($originalText, $start, $end - $start)) . '</strong>';
+            $content .= '<strong>' . e(substr($originalText, $start, $end - $start)) . '</strong>';
             $contentTextLength += $end - $start;
-            $content .= e(mb_substr($originalText, $end, $contextEnd - $end));
+            $content .= e(substr($originalText, $end, $contextEnd - $end));
             $contentTextLength += $contextEnd - $end;
 
             // Update our last end position
@@ -204,7 +204,7 @@ class SearchResultsFormatter
 
         // Just copy out the content if we haven't moved along anywhere.
         if ($lastEnd === 0) {
-            $content = e(mb_substr($originalText, 0, $targetLength));
+            $content = e(substr($originalText, 0, $targetLength));
             $contentTextLength = $targetLength;
             $lastEnd = $targetLength;
         }
@@ -213,7 +213,7 @@ class SearchResultsFormatter
         $remainder = $targetLength - $contentTextLength;
         if ($remainder > 10) {
             $padEndLength = min($maxEnd - $lastEnd, $remainder);
-            $content .= e(mb_substr($originalText, $lastEnd, $padEndLength));
+            $content .= e(substr($originalText, $lastEnd, $padEndLength));
             $lastEnd += $padEndLength;
             $contentTextLength += $padEndLength;
         }
@@ -223,7 +223,7 @@ class SearchResultsFormatter
         $firstStart = $firstStart ?: 0;
         if (!$fetchAll && $remainder > 10 && $firstStart !== 0) {
             $padStart = max(0, $firstStart - $remainder);
-            $content = ($padStart === 0 ? '' : '...') . e(mb_substr($originalText, $padStart, $firstStart - $padStart)) . mb_substr($content, 4);
+            $content = ($padStart === 0 ? '' : '...') . e(substr($originalText, $padStart, $firstStart - $padStart)) . substr($content, 4);
         }
 
         // Add ellipsis if we're not at the end

app/Exceptions/SortOperationException.php

@@ -0,0 +1,9 @@
+<?php
+
+namespace BookStack\Exceptions;
+
+use Exception;
+
+class SortOperationException extends Exception
+{
+}

app/Facades/Activity.php

@@ -4,9 +4,6 @@ namespace BookStack\Facades;
 
 use Illuminate\Support\Facades\Facade;
 
-/**
- * @see \BookStack\Actions\ActivityLogger
- */
 class Activity extends Facade
 {
     /**

app/Http/Controllers/AuditLogController.php

@@ -20,7 +20,6 @@ class AuditLogController extends Controller
             'date_from' => $request->get('date_from', ''),
             'date_to'   => $request->get('date_to', ''),
             'user'      => $request->get('user', ''),
-            'ip'        => $request->get('ip', ''),
         ];
 
         $query = Activity::query()
@@ -45,9 +44,6 @@ class AuditLogController extends Controller
         if ($listDetails['date_to']) {
             $query->where('created_at', '<=', $listDetails['date_to']);
         }
-        if ($listDetails['ip']) {
-            $query->where('ip', 'like', $listDetails['ip'] . '%');
-        }
 
         $activities = $query->paginate(100);
         $activities->appends($listDetails);

app/Http/Controllers/Auth/LoginController.php

@@ -2,11 +2,11 @@
 
 namespace BookStack\Http\Controllers\Auth;
 
+use Activity;
 use BookStack\Auth\Access\LoginService;
 use BookStack\Auth\Access\SocialAuthService;
 use BookStack\Exceptions\LoginAttemptEmailNeededException;
 use BookStack\Exceptions\LoginAttemptException;
-use BookStack\Facades\Activity;
 use BookStack\Http\Controllers\Controller;
 use Illuminate\Foundation\Auth\AuthenticatesUsers;
 use Illuminate\Http\Request;

app/Http/Controllers/Auth/MfaBackupCodesController.php

@@ -29,8 +29,6 @@ class MfaBackupCodesController extends Controller
 
         $downloadUrl = 'data:application/octet-stream;base64,' . base64_encode(implode("\n\n", $codes));
 
-        $this->setPageTitle(trans('auth.mfa_gen_backup_codes_title'));
-
         return view('mfa.backup-codes-generate', [
             'codes'       => $codes,
             'downloadUrl' => $downloadUrl,

app/Http/Controllers/Auth/MfaController.php

@@ -21,8 +21,6 @@ class MfaController extends Controller
             ->get(['id', 'method'])
             ->groupBy('method');
 
-        $this->setPageTitle(trans('auth.mfa_setup'));
-
         return view('mfa.setup', [
             'userMethods' => $userMethods,
         ]);

app/Http/Controllers/Auth/MfaTotpController.php

@@ -34,8 +34,6 @@ class MfaTotpController extends Controller
         $qrCodeUrl = $totp->generateUrl($totpSecret, $this->currentOrLastAttemptedUser());
         $svg = $totp->generateQrCodeSvg($qrCodeUrl);
 
-        $this->setPageTitle(trans('auth.mfa_gen_totp_title'));
-
         return view('mfa.totp-generate', [
             'url' => $qrCodeUrl,
             'svg' => $svg,

app/Http/Controllers/Auth/RegisterController.php

@@ -13,7 +13,6 @@ use Illuminate\Foundation\Auth\RegistersUsers;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Validator;
-use Illuminate\Validation\Rules\Password;
 
 class RegisterController extends Controller
 {
@@ -71,7 +70,7 @@ class RegisterController extends Controller
         return Validator::make($data, [
             'name'     => ['required', 'min:2', 'max:255'],
             'email'    => ['required', 'email', 'max:255', 'unique:users'],
-            'password' => ['required', Password::default()],
+            'password' => ['required', 'min:8'],
         ]);
     }
 

app/Http/Controllers/Auth/UserInviteController.php

@@ -11,7 +11,6 @@ use Exception;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Routing\Redirector;
-use Illuminate\Validation\Rules\Password;
 
 class UserInviteController extends Controller
 {
@@ -56,7 +55,7 @@ class UserInviteController extends Controller
     public function setPassword(Request $request, string $token)
     {
         $this->validate($request, [
-            'password' => ['required', Password::default()],
+            'password' => ['required', 'min:8'],
         ]);
 
         try {

app/Http/Controllers/BookController.php

@@ -2,18 +2,15 @@
 
 namespace BookStack\Http\Controllers;
 
-use BookStack\Actions\ActivityQueries;
+use Activity;
 use BookStack\Actions\ActivityType;
 use BookStack\Actions\View;
 use BookStack\Entities\Models\Bookshelf;
 use BookStack\Entities\Repos\BookRepo;
 use BookStack\Entities\Tools\BookContents;
-use BookStack\Entities\Tools\Cloner;
 use BookStack\Entities\Tools\PermissionsUpdater;
 use BookStack\Entities\Tools\ShelfContext;
 use BookStack\Exceptions\ImageUploadException;
-use BookStack\Exceptions\NotFoundException;
-use BookStack\Facades\Activity;
 use Illuminate\Http\Request;
 use Illuminate\Validation\ValidationException;
 use Throwable;
@@ -104,7 +101,7 @@ class BookController extends Controller
 
         if ($bookshelf) {
             $bookshelf->appendBook($book);
-            Activity::add(ActivityType::BOOKSHELF_UPDATE, $bookshelf);
+            Activity::addForEntity($bookshelf, ActivityType::BOOKSHELF_UPDATE);
         }
 
         return redirect($book->getUrl());
@@ -113,7 +110,7 @@ class BookController extends Controller
     /**
      * Display the specified book.
      */
-    public function show(Request $request, ActivityQueries $activities, string $slug)
+    public function show(Request $request, string $slug)
     {
         $book = $this->bookRepo->getBySlug($slug);
         $bookChildren = (new BookContents($book))->getTree(true);
@@ -131,7 +128,7 @@ class BookController extends Controller
             'current'           => $book,
             'bookChildren'      => $bookChildren,
             'bookParentShelves' => $bookParentShelves,
-            'activity'          => $activities->entityActivity($book, 20, 1),
+            'activity'          => Activity::entityActivity($book, 20, 1),
         ]);
     }
 
@@ -227,39 +224,4 @@ class BookController extends Controller
 
         return redirect($book->getUrl());
     }
-
-    /**
-     * Show the view to copy a book.
-     *
-     * @throws NotFoundException
-     */
-    public function showCopy(string $bookSlug)
-    {
-        $book = $this->bookRepo->getBySlug($bookSlug);
-        $this->checkOwnablePermission('book-view', $book);
-
-        session()->flashInput(['name' => $book->name]);
-
-        return view('books.copy', [
-            'book' => $book,
-        ]);
-    }
-
-    /**
-     * Create a copy of a book within the requested target destination.
-     *
-     * @throws NotFoundException
-     */
-    public function copy(Request $request, Cloner $cloner, string $bookSlug)
-    {
-        $book = $this->bookRepo->getBySlug($bookSlug);
-        $this->checkOwnablePermission('book-view', $book);
-        $this->checkPermission('book-create-all');
-
-        $newName = $request->get('name') ?: $book->name;
-        $bookCopy = $cloner->cloneBook($book, $newName);
-        $this->showSuccessNotification(trans('entities.books_copy_success'));
-
-        return redirect($bookCopy->getUrl());
-    }
 }

app/Http/Controllers/BookSortController.php

@@ -3,9 +3,10 @@
 namespace BookStack\Http\Controllers;
 
 use BookStack\Actions\ActivityType;
+use BookStack\Entities\Models\Book;
 use BookStack\Entities\Repos\BookRepo;
 use BookStack\Entities\Tools\BookContents;
-use BookStack\Entities\Tools\BookSortMap;
+use BookStack\Exceptions\SortOperationException;
 use BookStack\Facades\Activity;
 use Illuminate\Http\Request;
 
@@ -58,14 +59,20 @@ class BookSortController extends Controller
             return redirect($book->getUrl());
         }
 
-        $sortMap = BookSortMap::fromJson($request->get('sort-tree'));
+        $sortMap = collect(json_decode($request->get('sort-tree')));
         $bookContents = new BookContents($book);
-        $booksInvolved = $bookContents->sortUsingMap($sortMap);
+        $booksInvolved = collect();
+
+        try {
+            $booksInvolved = $bookContents->sortUsingMap($sortMap);
+        } catch (SortOperationException $exception) {
+            $this->showPermissionError();
+        }
 
         // Rebuild permissions and add activity for involved books.
-        foreach ($booksInvolved as $bookInvolved) {
-            Activity::add(ActivityType::BOOK_SORT, $bookInvolved);
-        }
+        $booksInvolved->each(function (Book $book) {
+            Activity::addForEntity($book, ActivityType::BOOK_SORT);
+        });
 
         return redirect($book->getUrl());
     }

app/Http/Controllers/BookshelfController.php

@@ -2,7 +2,7 @@
 
 namespace BookStack\Http\Controllers;
 
-use BookStack\Actions\ActivityQueries;
+use Activity;
 use BookStack\Actions\View;
 use BookStack\Entities\Models\Book;
 use BookStack\Entities\Repos\BookshelfRepo;
@@ -101,7 +101,7 @@ class BookshelfController extends Controller
      *
      * @throws NotFoundException
      */
-    public function show(ActivityQueries $activities, string $slug)
+    public function show(string $slug)
     {
         $shelf = $this->bookshelfRepo->getBySlug($slug);
         $this->checkOwnablePermission('book-view', $shelf);
@@ -124,7 +124,7 @@ class BookshelfController extends Controller
             'shelf'                   => $shelf,
             'sortedVisibleShelfBooks' => $sortedVisibleShelfBooks,
             'view'                    => $view,
-            'activity'                => $activities->entityActivity($shelf, 20, 1),
+            'activity'                => Activity::entityActivity($shelf, 20, 1),
             'order'                   => $order,
             'sort'                    => $sort,
         ]);

app/Http/Controllers/ChapterController.php

@@ -6,12 +6,10 @@ use BookStack\Actions\View;
 use BookStack\Entities\Models\Book;
 use BookStack\Entities\Repos\ChapterRepo;
 use BookStack\Entities\Tools\BookContents;
-use BookStack\Entities\Tools\Cloner;
 use BookStack\Entities\Tools\NextPreviousContentLocator;
 use BookStack\Entities\Tools\PermissionsUpdater;
 use BookStack\Exceptions\MoveOperationException;
 use BookStack\Exceptions\NotFoundException;
-use BookStack\Exceptions\PermissionsException;
 use Illuminate\Http\Request;
 use Illuminate\Validation\ValidationException;
 use Throwable;
@@ -181,8 +179,6 @@ class ChapterController extends Controller
 
         try {
             $newBook = $this->chapterRepo->move($chapter, $entitySelection);
-        } catch (PermissionsException $exception) {
-            $this->showPermissionError();
         } catch (MoveOperationException $exception) {
             $this->showErrorNotification(trans('errors.selected_book_not_found'));
 
@@ -194,53 +190,6 @@ class ChapterController extends Controller
         return redirect($chapter->getUrl());
     }
 
-    /**
-     * Show the view to copy a chapter.
-     *
-     * @throws NotFoundException
-     */
-    public function showCopy(string $bookSlug, string $chapterSlug)
-    {
-        $chapter = $this->chapterRepo->getBySlug($bookSlug, $chapterSlug);
-        $this->checkOwnablePermission('chapter-view', $chapter);
-
-        session()->flashInput(['name' => $chapter->name]);
-
-        return view('chapters.copy', [
-            'book'    => $chapter->book,
-            'chapter' => $chapter,
-        ]);
-    }
-
-    /**
-     * Create a copy of a chapter within the requested target destination.
-     *
-     * @throws NotFoundException
-     * @throws Throwable
-     */
-    public function copy(Request $request, Cloner $cloner, string $bookSlug, string $chapterSlug)
-    {
-        $chapter = $this->chapterRepo->getBySlug($bookSlug, $chapterSlug);
-        $this->checkOwnablePermission('chapter-view', $chapter);
-
-        $entitySelection = $request->get('entity_selection') ?: null;
-        $newParentBook = $entitySelection ? $this->chapterRepo->findParentByIdentifier($entitySelection) : $chapter->getParent();
-
-        if (is_null($newParentBook)) {
-            $this->showErrorNotification(trans('errors.selected_book_not_found'));
-
-            return redirect()->back();
-        }
-
-        $this->checkOwnablePermission('chapter-create', $newParentBook);
-
-        $newName = $request->get('name') ?: $chapter->name;
-        $chapterCopy = $cloner->cloneChapter($chapter, $newParentBook, $newName);
-        $this->showSuccessNotification(trans('entities.chapters_copy_success'));
-
-        return redirect($chapterCopy->getUrl());
-    }
-
     /**
      * Show the Restrictions view.
      *

app/Http/Controllers/Controller.php

@@ -48,8 +48,6 @@ abstract class Controller extends BaseController
     /**
      * On a permission error redirect to home and display.
      * the error as a notification.
-     *
-     * @return never
      */
     protected function showPermissionError()
     {

app/Http/Controllers/FavouriteController.php

@@ -21,8 +21,6 @@ class FavouriteController extends Controller
 
         $hasMoreLink = ($favourites->count() > $viewCount) ? url('/favourites?page=' . ($page + 1)) : null;
 
-        $this->setPageTitle(trans('entities.my_favourites'));
-
         return view('common.detailed-listing-with-more', [
             'title'       => trans('entities.my_favourites'),
             'entities'    => $favourites->slice(0, $viewCount),

app/Http/Controllers/HomeController.php

@@ -2,7 +2,7 @@
 
 namespace BookStack\Http\Controllers;
 
-use BookStack\Actions\ActivityQueries;
+use Activity;
 use BookStack\Entities\Models\Book;
 use BookStack\Entities\Models\Page;
 use BookStack\Entities\Queries\RecentlyViewed;
@@ -16,9 +16,9 @@ class HomeController extends Controller
     /**
      * Display the homepage.
      */
-    public function index(ActivityQueries $activities)
+    public function index()
     {
-        $activity = $activities->latest(10);
+        $activity = Activity::latest(10);
         $draftPages = [];
 
         if ($this->isSignedIn()) {

app/Http/Controllers/MaintenanceController.php

@@ -67,7 +67,7 @@ class MaintenanceController extends Controller
         $this->logActivity(ActivityType::MAINTENANCE_ACTION_RUN, 'send-test-email');
 
         try {
-            user()->notifyNow(new TestEmail());
+            user()->notify(new TestEmail());
             $this->showSuccessNotification(trans('settings.maint_send_test_email_success', ['address' => user()->email]));
         } catch (\Exception $exception) {
             $errorMessage = trans('errors.maintenance_test_email_failure') . "\n" . $exception->getMessage();

app/Http/Controllers/PageController.php

@@ -6,7 +6,6 @@ use BookStack\Actions\View;
 use BookStack\Entities\Models\Page;
 use BookStack\Entities\Repos\PageRepo;
 use BookStack\Entities\Tools\BookContents;
-use BookStack\Entities\Tools\Cloner;
 use BookStack\Entities\Tools\NextPreviousContentLocator;
 use BookStack\Entities\Tools\PageContent;
 use BookStack\Entities\Tools\PageEditActivity;
@@ -368,8 +367,6 @@ class PageController extends Controller
             ->paginate(20)
             ->setPath(url('/pages/recently-updated'));
 
-        $this->setPageTitle(trans('entities.recently_updated_pages'));
-
         return view('common.detailed-listing-paginated', [
             'title'    => trans('entities.recently_updated_pages'),
             'entities' => $pages,
@@ -412,9 +409,11 @@ class PageController extends Controller
 
         try {
             $parent = $this->pageRepo->move($page, $entitySelection);
-        } catch (PermissionsException $exception) {
-            $this->showPermissionError();
         } catch (Exception $exception) {
+            if ($exception instanceof PermissionsException) {
+                $this->showPermissionError();
+            }
+
             $this->showErrorNotification(trans('errors.selected_book_chapter_not_found'));
 
             return redirect()->back();
@@ -448,24 +447,26 @@ class PageController extends Controller
      * @throws NotFoundException
      * @throws Throwable
      */
-    public function copy(Request $request, Cloner $cloner, string $bookSlug, string $pageSlug)
+    public function copy(Request $request, string $bookSlug, string $pageSlug)
     {
         $page = $this->pageRepo->getBySlug($bookSlug, $pageSlug);
         $this->checkOwnablePermission('page-view', $page);
 
-        $entitySelection = $request->get('entity_selection') ?: null;
-        $newParent = $entitySelection ? $this->pageRepo->findParentByIdentifier($entitySelection) : $page->getParent();
+        $entitySelection = $request->get('entity_selection', null) ?? null;
+        $newName = $request->get('name', null);
+
+        try {
+            $pageCopy = $this->pageRepo->copy($page, $entitySelection, $newName);
+        } catch (Exception $exception) {
+            if ($exception instanceof PermissionsException) {
+                $this->showPermissionError();
+            }
 
-        if (is_null($newParent)) {
             $this->showErrorNotification(trans('errors.selected_book_chapter_not_found'));
 
             return redirect()->back();
         }
 
-        $this->checkOwnablePermission('page-create', $newParent);
-
-        $newName = $request->get('name') ?: $page->name;
-        $pageCopy = $cloner->clonePage($page, $newParent, $newName);
         $this->showSuccessNotification(trans('entities.pages_copy_success'));
 
         return redirect($pageCopy->getUrl());

app/Http/Controllers/RoleController.php

@@ -3,7 +3,6 @@
 namespace BookStack\Http\Controllers;
 
 use BookStack\Auth\Permissions\PermissionsRepo;
-use BookStack\Auth\Role;
 use BookStack\Exceptions\PermissionsException;
 use Exception;
 use Illuminate\Http\Request;
@@ -24,36 +23,22 @@ class RoleController extends Controller
     /**
      * Show a listing of the roles in the system.
      */
-    public function index()
+    public function list()
     {
         $this->checkPermission('user-roles-manage');
         $roles = $this->permissionsRepo->getAllRoles();
 
-        $this->setPageTitle(trans('settings.roles'));
-
         return view('settings.roles.index', ['roles' => $roles]);
     }
 
     /**
      * Show the form to create a new role.
      */
-    public function create(Request $request)
+    public function create()
     {
         $this->checkPermission('user-roles-manage');
 
-        /** @var ?Role $role */
-        $role = null;
-        if ($request->has('copy_from')) {
-            $role = Role::query()->find($request->get('copy_from'));
-        }
-
-        if ($role) {
-            $role->display_name .= ' (' . trans('common.copy') . ')';
-        }
-
-        $this->setPageTitle(trans('settings.role_create'));
-
-        return view('settings.roles.create', ['role' => $role]);
+        return view('settings.roles.create');
     }
 
     /**
@@ -64,7 +49,7 @@ class RoleController extends Controller
         $this->checkPermission('user-roles-manage');
         $this->validate($request, [
             'display_name' => ['required', 'min:3', 'max:180'],
-            'description'  => ['max:180'],
+            'description'  => 'max:180',
         ]);
 
         $this->permissionsRepo->saveNewRole($request->all());
@@ -86,8 +71,6 @@ class RoleController extends Controller
             throw new PermissionsException(trans('errors.role_cannot_be_edited'));
         }
 
-        $this->setPageTitle(trans('settings.role_edit'));
-
         return view('settings.roles.edit', ['role' => $role]);
     }
 
@@ -101,7 +84,7 @@ class RoleController extends Controller
         $this->checkPermission('user-roles-manage');
         $this->validate($request, [
             'display_name' => ['required', 'min:3', 'max:180'],
-            'description'  => ['max:180'],
+            'description'  => 'max:180',
         ]);
 
         $this->permissionsRepo->updateRole($id, $request->all());
@@ -122,8 +105,6 @@ class RoleController extends Controller
         $blankRole = $role->newInstance(['display_name' => trans('settings.role_delete_no_migration')]);
         $roles->prepend($blankRole);
 
-        $this->setPageTitle(trans('settings.role_delete'));
-
         return view('settings.roles.delete', ['role' => $role, 'roles' => $roles]);
     }
 

app/Http/Controllers/TagController.php

@@ -32,8 +32,6 @@ class TagController extends Controller
                 'name'   => $nameFilter,
             ]));
 
-        $this->setPageTitle(trans('entities.tags'));
-
         return view('tags.index', [
             'tags'       => $tags,
             'search'     => $search,

app/Http/Controllers/UserController.php

@@ -13,7 +13,6 @@ use BookStack\Uploads\ImageRepo;
 use Exception;
 use Illuminate\Http\Request;
 use Illuminate\Support\Str;
-use Illuminate\Validation\Rules\Password;
 use Illuminate\Validation\ValidationException;
 
 class UserController extends Controller
@@ -83,7 +82,7 @@ class UserController extends Controller
         $sendInvite = ($request->get('send_invite', 'false') === 'true');
 
         if ($authMethod === 'standard' && !$sendInvite) {
-            $validationRules['password'] = ['required', Password::default()];
+            $validationRules['password'] = ['required', 'min:6'];
             $validationRules['password-confirm'] = ['required', 'same:password'];
         } elseif ($authMethod === 'ldap' || $authMethod === 'saml2' || $authMethod === 'openid') {
             $validationRules['external_auth_id'] = ['required'];
@@ -156,11 +155,11 @@ class UserController extends Controller
         $this->checkPermissionOrCurrentUser('users-manage', $id);
 
         $this->validate($request, [
-            'name'             => ['min:2'],
+            'name'             => 'min:2',
             'email'            => ['min:2', 'email', 'unique:users,email,' . $id],
-            'password'         => ['required_with:password_confirm', Password::default()],
+            'password'         => ['min:6', 'required_with:password_confirm'],
             'password-confirm' => ['same:password', 'required_with:password'],
-            'setting'          => ['array'],
+            'setting'          => 'array',
             'profile_image'    => array_merge(['nullable'], $this->getImageValidationRules()),
         ]);
 

app/Http/Controllers/UserProfileController.php

@@ -2,7 +2,6 @@
 
 namespace BookStack\Http\Controllers;
 
-use BookStack\Actions\ActivityQueries;
 use BookStack\Auth\UserRepo;
 
 class UserProfileController extends Controller
@@ -10,16 +9,14 @@ class UserProfileController extends Controller
     /**
      * Show the user profile page.
      */
-    public function show(UserRepo $repo, ActivityQueries $activities, string $slug)
+    public function show(UserRepo $repo, string $slug)
     {
         $user = $repo->getBySlug($slug);
 
-        $userActivity = $activities->userActivity($user);
+        $userActivity = $repo->getActivity($user);
         $recentlyCreated = $repo->getRecentlyCreated($user, 5);
         $assetCounts = $repo->getAssetCounts($user);
 
-        $this->setPageTitle($user->name);
-
         return view('users.profile', [
             'user'            => $user,
             'activity'        => $userActivity,

app/Http/Controllers/WebhookController.php

@@ -1,134 +0,0 @@
-<?php
-
-namespace BookStack\Http\Controllers;
-
-use BookStack\Actions\ActivityType;
-use BookStack\Actions\Webhook;
-use Illuminate\Http\Request;
-
-class WebhookController extends Controller
-{
-    public function __construct()
-    {
-        $this->middleware([
-            'can:settings-manage',
-        ]);
-    }
-
-    /**
-     * Show all webhooks configured in the system.
-     */
-    public function index()
-    {
-        $webhooks = Webhook::query()
-            ->orderBy('name', 'desc')
-            ->with('trackedEvents')
-            ->get();
-
-        $this->setPageTitle(trans('settings.webhooks'));
-
-        return view('settings.webhooks.index', ['webhooks' => $webhooks]);
-    }
-
-    /**
-     * Show the view for creating a new webhook in the system.
-     */
-    public function create()
-    {
-        $this->setPageTitle(trans('settings.webhooks_create'));
-
-        return view('settings.webhooks.create');
-    }
-
-    /**
-     * Store a new webhook in the system.
-     */
-    public function store(Request $request)
-    {
-        $validated = $this->validate($request, [
-            'name'     => ['required', 'max:150'],
-            'endpoint' => ['required', 'url', 'max:500'],
-            'events'   => ['required', 'array'],
-            'active'   => ['required'],
-            'timeout'  => ['required', 'integer', 'min:1', 'max:600'],
-        ]);
-
-        $webhook = new Webhook($validated);
-        $webhook->active = $validated['active'] === 'true';
-        $webhook->save();
-        $webhook->updateTrackedEvents(array_values($validated['events']));
-
-        $this->logActivity(ActivityType::WEBHOOK_CREATE, $webhook);
-
-        return redirect('/settings/webhooks');
-    }
-
-    /**
-     * Show the view to edit an existing webhook.
-     */
-    public function edit(string $id)
-    {
-        /** @var Webhook $webhook */
-        $webhook = Webhook::query()
-            ->with('trackedEvents')
-            ->findOrFail($id);
-
-        $this->setPageTitle(trans('settings.webhooks_edit'));
-
-        return view('settings.webhooks.edit', ['webhook' => $webhook]);
-    }
-
-    /**
-     * Update an existing webhook with the provided request data.
-     */
-    public function update(Request $request, string $id)
-    {
-        $validated = $this->validate($request, [
-            'name'     => ['required', 'max:150'],
-            'endpoint' => ['required', 'url', 'max:500'],
-            'events'   => ['required', 'array'],
-            'active'   => ['required'],
-            'timeout'  => ['required', 'integer', 'min:1', 'max:600'],
-        ]);
-
-        /** @var Webhook $webhook */
-        $webhook = Webhook::query()->findOrFail($id);
-
-        $webhook->active = $validated['active'] === 'true';
-        $webhook->fill($validated)->save();
-        $webhook->updateTrackedEvents($validated['events']);
-
-        $this->logActivity(ActivityType::WEBHOOK_UPDATE, $webhook);
-
-        return redirect('/settings/webhooks');
-    }
-
-    /**
-     * Show the view to delete a webhook.
-     */
-    public function delete(string $id)
-    {
-        /** @var Webhook $webhook */
-        $webhook = Webhook::query()->findOrFail($id);
-
-        $this->setPageTitle(trans('settings.webhooks_delete'));
-
-        return view('settings.webhooks.delete', ['webhook' => $webhook]);
-    }
-
-    /**
-     * Destroy a webhook from the system.
-     */
-    public function destroy(string $id)
-    {
-        /** @var Webhook $webhook */
-        $webhook = Webhook::query()->findOrFail($id);
-
-        $webhook->trackedEvents()->delete();
-        $webhook->delete();
-
-        $this->logActivity(ActivityType::WEBHOOK_DELETE, $webhook);
-
-        return redirect('/settings/webhooks');
-    }
-}

app/Providers/AuthServiceProvider.php

@@ -11,7 +11,6 @@ use BookStack\Auth\Access\LoginService;
 use BookStack\Auth\Access\RegistrationService;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\ServiceProvider;
-use Illuminate\Validation\Rules\Password;
 
 class AuthServiceProvider extends ServiceProvider
 {
@@ -22,12 +21,6 @@ class AuthServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-        // Password Configuration
-        Password::defaults(function () {
-            return Password::min(8);
-        });
-
-        // Custom guards
         Auth::extend('api-token', function ($app, $name, array $config) {
             return new ApiTokenGuard($app['request'], $app->make(LoginService::class));
         });

app/Providers/CustomFacadeProvider.php

@@ -2,7 +2,7 @@
 
 namespace BookStack\Providers;
 
-use BookStack\Actions\ActivityLogger;
+use BookStack\Actions\ActivityService;
 use BookStack\Auth\Permissions\PermissionService;
 use BookStack\Theming\ThemeService;
 use BookStack\Uploads\ImageService;
@@ -28,7 +28,7 @@ class CustomFacadeProvider extends ServiceProvider
     public function register()
     {
         $this->app->singleton('activity', function () {
-            return $this->app->make(ActivityLogger::class);
+            return $this->app->make(ActivityService::class);
         });
 
         $this->app->singleton('images', function () {

app/Theming/ThemeEvents.php

@@ -79,20 +79,4 @@ class ThemeEvents
      * @returns \League\CommonMark\ConfigurableEnvironmentInterface|null
      */
     const COMMONMARK_ENVIRONMENT_CONFIGURE = 'commonmark_environment_configure';
-
-    /**
-     * Webhook call before event.
-     * Runs before a webhook endpoint is called. Allows for customization
-     * of the data format & content within the webhook POST request.
-     * Provides the original event name as a string (see \BookStack\Actions\ActivityType)
-     * along with the webhook instance along with the event detail which may be a
-     * "Loggable" model type or a string.
-     * If the listener returns a non-null value, that will be used as the POST data instead
-     * of the system default.
-     *
-     * @param string                                $event
-     * @param \BookStack\Actions\Webhook            $webhook
-     * @param string|\BookStack\Interfaces\Loggable $detail
-     */
-    const WEBHOOK_CALL_BEFORE = 'webhook_call_before';
 }

app/Uploads/ImageService.php

@@ -228,21 +228,6 @@ class ImageService
         return strtolower(pathinfo($image->path, PATHINFO_EXTENSION)) === 'gif';
     }
 
-    /**
-     * Check if the given image and image data is apng.
-     */
-    protected function isApngData(Image $image, string &$imageData): bool
-    {
-        $isPng = strtolower(pathinfo($image->path, PATHINFO_EXTENSION)) === 'png';
-        if (!$isPng) {
-            return false;
-        }
-
-        $initialHeader = substr($imageData, 0, strpos($imageData, 'IDAT'));
-
-        return strpos($initialHeader, 'acTL') !== false;
-    }
-
     /**
      * Get the thumbnail for an image.
      * If $keepRatio is true only the width will be used.
@@ -253,7 +238,6 @@ class ImageService
      */
     public function getThumbnail(Image $image, ?int $width, ?int $height, bool $keepRatio = false): string
     {
-        // Do not resize GIF images where we're not cropping
         if ($keepRatio && $this->isGif($image)) {
             return $this->getPublicUrl($image->path);
         }
@@ -262,35 +246,19 @@ class ImageService
         $imagePath = $image->path;
         $thumbFilePath = dirname($imagePath) . $thumbDirName . basename($imagePath);
 
-        $thumbCacheKey = 'images::' . $image->id . '::' . $thumbFilePath;
-
-        // Return path if in cache
-        $cachedThumbPath = $this->cache->get($thumbCacheKey);
-        if ($cachedThumbPath) {
-            return $this->getPublicUrl($cachedThumbPath);
-        }
-
-        // If thumbnail has already been generated, serve that and cache path
-        $storage = $this->getStorageDisk($image->type);
-        if ($storage->exists($this->adjustPathForStorageDisk($thumbFilePath, $image->type))) {
-            $this->cache->put($thumbCacheKey, $thumbFilePath, 60 * 60 * 72);
-
+        if ($this->cache->has('images-' . $image->id . '-' . $thumbFilePath) && $this->cache->get('images-' . $thumbFilePath)) {
             return $this->getPublicUrl($thumbFilePath);
         }
 
-        $imageData = $storage->get($this->adjustPathForStorageDisk($imagePath, $image->type));
-
-        // Do not resize apng images where we're not cropping
-        if ($keepRatio && $this->isApngData($image, $imageData)) {
-            $this->cache->put($thumbCacheKey, $image->path, 60 * 60 * 72);
-
-            return $this->getPublicUrl($image->path);
+        $storage = $this->getStorageDisk($image->type);
+        if ($storage->exists($this->adjustPathForStorageDisk($thumbFilePath, $image->type))) {
+            return $this->getPublicUrl($thumbFilePath);
         }
 
-        // If not in cache and thumbnail does not exist, generate thumb and cache path
-        $thumbData = $this->resizeImage($imageData, $width, $height, $keepRatio);
+        $thumbData = $this->resizeImage($storage->get($this->adjustPathForStorageDisk($imagePath, $image->type)), $width, $height, $keepRatio);
+
         $this->saveImageDataInPublicSpace($storage, $this->adjustPathForStorageDisk($thumbFilePath, $image->type), $thumbData);
-        $this->cache->put($thumbCacheKey, $thumbFilePath, 60 * 60 * 72);
+        $this->cache->put('images-' . $image->id . '-' . $thumbFilePath, $thumbFilePath, 60 * 60 * 72);
 
         return $this->getPublicUrl($thumbFilePath);
     }

app/Uploads/UserAvatars.php

@@ -2,7 +2,6 @@
 
 namespace BookStack\Uploads;
 
-use BookStack\Auth\Access\LdapService;
 use BookStack\Auth\User;
 use BookStack\Exceptions\HttpFetchException;
 use Exception;
@@ -17,7 +16,6 @@ class UserAvatars
     {
         $this->imageService = $imageService;
         $this->http = $http;
-        $ldapService = app()->make(LdapService::class);
     }
 
     /**

app/Util/WebSafeMimeSniffer.php

@@ -17,7 +17,6 @@ class WebSafeMimeSniffer
         'application/json',
         'application/octet-stream',
         'application/pdf',
-        'image/apng',
         'image/bmp',
         'image/jpeg',
         'image/png',

database/factories/Actions/WebhookFactory.php

@@ -1,26 +0,0 @@
-<?php
-
-namespace Database\Factories\Actions;
-
-use BookStack\Actions\Webhook;
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-class WebhookFactory extends Factory
-{
-    protected $model = Webhook::class;
-
-    /**
-     * Define the model's default state.
-     *
-     * @return array
-     */
-    public function definition()
-    {
-        return [
-            'name'     => 'My webhook for ' . $this->faker->country(),
-            'endpoint' => $this->faker->url,
-            'active'   => true,
-            'timeout'  => 3,
-        ];
-    }
-}

database/factories/Actions/WebhookTrackedEventFactory.php

@@ -1,23 +0,0 @@
-<?php
-
-namespace Database\Factories\Actions;
-
-use BookStack\Actions\ActivityType;
-use BookStack\Actions\Webhook;
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-class WebhookTrackedEventFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array
-     */
-    public function definition()
-    {
-        return [
-            'webhook_id' => Webhook::factory(),
-            'event'      => ActivityType::all()[array_rand(ActivityType::all())],
-        ];
-    }
-}

database/factories/Auth/UserFactory.php

@@ -2,7 +2,6 @@
 
 namespace Database\Factories\Auth;
 
-use BookStack\Auth\User;
 use Illuminate\Database\Eloquent\Factories\Factory;
 use Illuminate\Support\Str;
 
@@ -13,7 +12,7 @@ class UserFactory extends Factory
      *
      * @var string
      */
-    protected $model = User::class;
+    protected $model = \BookStack\Auth\User::class;
 
     /**
      * Define the model's default state.
@@ -27,7 +26,7 @@ class UserFactory extends Factory
         return [
             'name'            => $name,
             'email'           => $this->faker->email,
-            'slug'            => Str::slug($name . '-' . Str::random(5)),
+            'slug'            => \Illuminate\Support\Str::slug($name . '-' . \Illuminate\Support\Str::random(5)),
             'password'        => Str::random(10),
             'remember_token'  => Str::random(10),
             'email_confirmed' => 1,

database/migrations/2021_11_26_070438_add_index_for_user_ip.php

@@ -1,32 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-class AddIndexForUserIp extends Migration
-{
-    /**
-     * Run the migrations.
-     *
-     * @return void
-     */
-    public function up()
-    {
-        Schema::table('activities', function (Blueprint $table) {
-            $table->index('ip', 'activities_ip_index');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::table('activities', function (Blueprint $table) {
-            $table->dropIndex('activities_ip_index');
-        });
-    }
-}

database/migrations/2021_12_07_111343_create_webhooks_table.php

@@ -1,48 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-class CreateWebhooksTable extends Migration
-{
-    /**
-     * Run the migrations.
-     *
-     * @return void
-     */
-    public function up()
-    {
-        Schema::create('webhooks', function (Blueprint $table) {
-            $table->increments('id');
-            $table->string('name', 150);
-            $table->boolean('active');
-            $table->string('endpoint', 500);
-            $table->timestamps();
-
-            $table->index('name');
-            $table->index('active');
-        });
-
-        Schema::create('webhook_tracked_events', function (Blueprint $table) {
-            $table->increments('id');
-            $table->integer('webhook_id');
-            $table->string('event', 50);
-            $table->timestamps();
-
-            $table->index('event');
-            $table->index('webhook_id');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::dropIfExists('webhooks');
-        Schema::dropIfExists('webhook_tracked_events');
-    }
-}

database/migrations/2021_12_13_152024_create_jobs_table.php

@@ -1,36 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-class CreateJobsTable extends Migration
-{
-    /**
-     * Run the migrations.
-     *
-     * @return void
-     */
-    public function up()
-    {
-        Schema::create('jobs', function (Blueprint $table) {
-            $table->bigIncrements('id');
-            $table->string('queue')->index();
-            $table->longText('payload');
-            $table->unsignedTinyInteger('attempts');
-            $table->unsignedInteger('reserved_at')->nullable();
-            $table->unsignedInteger('available_at');
-            $table->unsignedInteger('created_at');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::dropIfExists('jobs');
-    }
-}

database/migrations/2021_12_13_152120_create_failed_jobs_table.php

@@ -1,36 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-class CreateFailedJobsTable extends Migration
-{
-    /**
-     * Run the migrations.
-     *
-     * @return void
-     */
-    public function up()
-    {
-        Schema::create('failed_jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('uuid')->unique();
-            $table->text('connection');
-            $table->text('queue');
-            $table->longText('payload');
-            $table->longText('exception');
-            $table->timestamp('failed_at')->useCurrent();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::dropIfExists('failed_jobs');
-    }
-}

database/migrations/2022_01_03_154041_add_webhooks_timeout_error_columns.php

@@ -1,38 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-class AddWebhooksTimeoutErrorColumns extends Migration
-{
-    /**
-     * Run the migrations.
-     *
-     * @return void
-     */
-    public function up()
-    {
-        Schema::table('webhooks', function (Blueprint $table) {
-            $table->unsignedInteger('timeout')->default(3);
-            $table->text('last_error')->default('');
-            $table->timestamp('last_called_at')->nullable();
-            $table->timestamp('last_errored_at')->nullable();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     *
-     * @return void
-     */
-    public function down()
-    {
-        Schema::table('webhooks', function (Blueprint $table) {
-            $table->dropColumn('timeout');
-            $table->dropColumn('last_error');
-            $table->dropColumn('last_called_at');
-            $table->dropColumn('last_errored_at');
-        });
-    }
-}

package-lock.json

@@ -7,18 +7,9 @@
       "dependencies": {
         "clipboard": "^2.0.8",
         "codemirror": "^5.63.3",
-        "crelt": "^1.0.5",
         "dropzone": "^5.9.3",
         "markdown-it": "^12.2.0",
         "markdown-it-task-lists": "^2.1.1",
-        "prosemirror-commands": "^1.1.12",
-        "prosemirror-example-setup": "^1.1.2",
-        "prosemirror-markdown": "^1.6.0",
-        "prosemirror-model": "^1.15.0",
-        "prosemirror-schema-list": "^1.1.6",
-        "prosemirror-state": "^1.3.4",
-        "prosemirror-tables": "^1.1.1",
-        "prosemirror-view": "^1.23.2",
         "sortablejs": "^1.14.0"
       },
       "devDependencies": {
@@ -228,11 +219,6 @@
       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
       "dev": true
     },
-    "node_modules/crelt": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
-      "integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA=="
-    },
     "node_modules/cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -1241,11 +1227,6 @@
       "integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==",
       "dev": true
     },
-    "node_modules/orderedmap": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-      "integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-    },
     "node_modules/p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -1364,193 +1345,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/prosemirror-commands": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.1.12.tgz",
-      "integrity": "sha512-+CrMs3w/ZVPSkR+REg8KL/clyFLv/1+SgY/OMN+CB22Z24j9TZDje72vL36lOZ/E4NeRXuiCcmENcW/vAcG67A==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-dropcursor": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.4.0.tgz",
-      "integrity": "sha512-6+YwTjmqDwlA/Dm+5wK67ezgqgjA/MhSDgaNxKUzH97SmeuWFXyLeDRxxOPZeSo7yTxcDGUCWTEjmQZsVBuMrQ==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0",
-        "prosemirror-view": "^1.1.0"
-      }
-    },
-    "node_modules/prosemirror-example-setup": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-example-setup/-/prosemirror-example-setup-1.1.2.tgz",
-      "integrity": "sha512-MTpIMyqk08jFnzxeRMCinCEMtVSTUtxKgQBGxfCbVe9C6zIOqp9qZZJz5Ojaad1GETySyuj8+OIHHvQsIaaaGQ==",
-      "dependencies": {
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-dropcursor": "^1.0.0",
-        "prosemirror-gapcursor": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-inputrules": "^1.0.0",
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-menu": "^1.0.0",
-        "prosemirror-schema-list": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-gapcursor": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.2.0.tgz",
-      "integrity": "sha512-yCLy5+0rVqLir/KcHFathQj4Rf8aRHi80FmEfKtM0JmyzvwdomslLzDZ/pX4oFhFKDgjl/WBBBFNqDyNifWg7g==",
-      "dependencies": {
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-view": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-history": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.2.0.tgz",
-      "integrity": "sha512-B9v9xtf4fYbKxQwIr+3wtTDNLDZcmMMmGiI3TAPShnUzvo+Rmv1GiUrsQChY1meetHl7rhML2cppF3FTs7f7UQ==",
-      "dependencies": {
-        "prosemirror-state": "^1.2.2",
-        "prosemirror-transform": "^1.0.0",
-        "rope-sequence": "^1.3.0"
-      }
-    },
-    "node_modules/prosemirror-inputrules": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.1.3.tgz",
-      "integrity": "sha512-ZaHCLyBtvbyIHv0f5p6boQTIJjlD6o2NPZiEaZWT2DA+j591zS29QQEMT4lBqwcLW3qRSf7ZvoKNbf05YrsStw==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-keymap": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.5.tgz",
-      "integrity": "sha512-8SZgPH3K+GLsHL2wKuwBD9rxhsbnVBTwpHCO4VUO5GmqUQlxd/2GtBVWTsyLq4Dp3N9nGgPd3+lZFKUDuVp+Vw==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "w3c-keyname": "^2.2.0"
-      }
-    },
-    "node_modules/prosemirror-markdown": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.6.0.tgz",
-      "integrity": "sha512-y/gRpJIIrNArtkyMax7ypYafb+ZMjddbVHI+AwlcUfCLCCXK57cOmfBMKYVq9kdEKJYVdYHdoyWsVNn1nWLHUg==",
-      "dependencies": {
-        "markdown-it": "^10.0.0",
-        "prosemirror-model": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-markdown/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/prosemirror-markdown/node_modules/entities": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
-      "integrity": "sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ=="
-    },
-    "node_modules/prosemirror-markdown/node_modules/linkify-it": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
-      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
-      "dependencies": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "node_modules/prosemirror-markdown/node_modules/markdown-it": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-10.0.0.tgz",
-      "integrity": "sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "entities": "~2.0.0",
-        "linkify-it": "^2.0.0",
-        "mdurl": "^1.0.1",
-        "uc.micro": "^1.0.5"
-      },
-      "bin": {
-        "markdown-it": "bin/markdown-it.js"
-      }
-    },
-    "node_modules/prosemirror-menu": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.1.4.tgz",
-      "integrity": "sha512-2ROsji/X9ciDnVSRvSTqFygI34GEdHfQSsK4zBKjPxSEroeiHHcdRMS1ofNIf2zM0Vpp5/YqfpxynElymQkqzg==",
-      "dependencies": {
-        "crelt": "^1.0.0",
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-model": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.15.0.tgz",
-      "integrity": "sha512-hQJv7SnIhlAy9ga3lhPPgaufhvCbQB9tHwscJ9E1H1pPHmN8w5V/lURueoYv9Kc3/bpNWoyHa8r3g//m7N0ChQ==",
-      "dependencies": {
-        "orderedmap": "^1.1.0"
-      }
-    },
-    "node_modules/prosemirror-schema-list": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.6.tgz",
-      "integrity": "sha512-aFGEdaCWmJzouZ8DwedmvSsL50JpRkqhQ6tcpThwJONVVmCgI36LJHtoQ4VGZbusMavaBhXXr33zyD2IVsTlkw==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-state": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.4.tgz",
-      "integrity": "sha512-Xkkrpd1y/TQ6HKzN3agsQIGRcLckUMA9u3j207L04mt8ToRgpGeyhbVv0HI7omDORIBHjR29b7AwlATFFf2GLA==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-tables": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.1.1.tgz",
-      "integrity": "sha512-LmCz4jrlqQZRsYRDzCRYf/pQ5CUcSOyqZlAj5kv67ZWBH1SVLP2U9WJEvQfimWgeRlIz0y0PQVqO1arRm1+woA==",
-      "dependencies": {
-        "prosemirror-keymap": "^1.1.2",
-        "prosemirror-model": "^1.8.1",
-        "prosemirror-state": "^1.3.1",
-        "prosemirror-transform": "^1.2.1",
-        "prosemirror-view": "^1.13.3"
-      }
-    },
-    "node_modules/prosemirror-transform": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.3.3.tgz",
-      "integrity": "sha512-9NLVXy1Sfa2G6qPqhWMkEvwQQMTw7OyTqOZbJaGQWsCeH3hH5Cw+c5eNaLM1Uu75EyKLsEZhJ93XpHJBa6RX8A==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-view": {
-      "version": "1.23.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.23.2.tgz",
-      "integrity": "sha512-iPgRw6tpcN+KH1yKmSnRmDKsJBVkWLFP6laHcz9rh/n0Ndz7YKKCDldtw6FhHBYoWmZeubbhV/rrQW0VCDG9iw==",
-      "dependencies": {
-        "prosemirror-model": "^1.14.3",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -1614,11 +1408,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/rope-sequence": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.2.tgz",
-      "integrity": "sha512-ku6MFrwEVSVmXLvy3dYph3LAMNS0890K7fabn+0YIRQ2T96T9F4gkFf0vf0WW0JUraNWwGRtInEpH7yO4tbQZg=="
-    },
     "node_modules/sass": {
       "version": "1.43.4",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
@@ -1732,11 +1521,6 @@
       "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA==",
       "dev": true
     },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
-    },
     "node_modules/string-width": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -1874,11 +1658,6 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "node_modules/w3c-keyname": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
-      "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
-    },
     "node_modules/which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -2147,11 +1926,6 @@
       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
       "dev": true
     },
-    "crelt": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
-      "integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA=="
-    },
     "cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -2856,11 +2630,6 @@
       "integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==",
       "dev": true
     },
-    "orderedmap": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-      "integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-    },
     "p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -2940,192 +2709,6 @@
       "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
       "dev": true
     },
-    "prosemirror-commands": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.1.12.tgz",
-      "integrity": "sha512-+CrMs3w/ZVPSkR+REg8KL/clyFLv/1+SgY/OMN+CB22Z24j9TZDje72vL36lOZ/E4NeRXuiCcmENcW/vAcG67A==",
-      "requires": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "prosemirror-dropcursor": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.4.0.tgz",
-      "integrity": "sha512-6+YwTjmqDwlA/Dm+5wK67ezgqgjA/MhSDgaNxKUzH97SmeuWFXyLeDRxxOPZeSo7yTxcDGUCWTEjmQZsVBuMrQ==",
-      "requires": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0",
-        "prosemirror-view": "^1.1.0"
-      }
-    },
-    "prosemirror-example-setup": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-example-setup/-/prosemirror-example-setup-1.1.2.tgz",
-      "integrity": "sha512-MTpIMyqk08jFnzxeRMCinCEMtVSTUtxKgQBGxfCbVe9C6zIOqp9qZZJz5Ojaad1GETySyuj8+OIHHvQsIaaaGQ==",
-      "requires": {
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-dropcursor": "^1.0.0",
-        "prosemirror-gapcursor": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-inputrules": "^1.0.0",
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-menu": "^1.0.0",
-        "prosemirror-schema-list": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "prosemirror-gapcursor": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.2.0.tgz",
-      "integrity": "sha512-yCLy5+0rVqLir/KcHFathQj4Rf8aRHi80FmEfKtM0JmyzvwdomslLzDZ/pX4oFhFKDgjl/WBBBFNqDyNifWg7g==",
-      "requires": {
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-view": "^1.0.0"
-      }
-    },
-    "prosemirror-history": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.2.0.tgz",
-      "integrity": "sha512-B9v9xtf4fYbKxQwIr+3wtTDNLDZcmMMmGiI3TAPShnUzvo+Rmv1GiUrsQChY1meetHl7rhML2cppF3FTs7f7UQ==",
-      "requires": {
-        "prosemirror-state": "^1.2.2",
-        "prosemirror-transform": "^1.0.0",
-        "rope-sequence": "^1.3.0"
-      }
-    },
-    "prosemirror-inputrules": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.1.3.tgz",
-      "integrity": "sha512-ZaHCLyBtvbyIHv0f5p6boQTIJjlD6o2NPZiEaZWT2DA+j591zS29QQEMT4lBqwcLW3qRSf7ZvoKNbf05YrsStw==",
-      "requires": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "prosemirror-keymap": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.5.tgz",
-      "integrity": "sha512-8SZgPH3K+GLsHL2wKuwBD9rxhsbnVBTwpHCO4VUO5GmqUQlxd/2GtBVWTsyLq4Dp3N9nGgPd3+lZFKUDuVp+Vw==",
-      "requires": {
-        "prosemirror-state": "^1.0.0",
-        "w3c-keyname": "^2.2.0"
-      }
-    },
-    "prosemirror-markdown": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.6.0.tgz",
-      "integrity": "sha512-y/gRpJIIrNArtkyMax7ypYafb+ZMjddbVHI+AwlcUfCLCCXK57cOmfBMKYVq9kdEKJYVdYHdoyWsVNn1nWLHUg==",
-      "requires": {
-        "markdown-it": "^10.0.0",
-        "prosemirror-model": "^1.0.0"
-      },
-      "dependencies": {
-        "argparse": {
-          "version": "1.0.10",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-          "requires": {
-            "sprintf-js": "~1.0.2"
-          }
-        },
-        "entities": {
-          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
-          "integrity": "sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ=="
-        },
-        "linkify-it": {
-          "version": "2.2.0",
-          "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
-          "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
-          "requires": {
-            "uc.micro": "^1.0.1"
-          }
-        },
-        "markdown-it": {
-          "version": "10.0.0",
-          "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-10.0.0.tgz",
-          "integrity": "sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==",
-          "requires": {
-            "argparse": "^1.0.7",
-            "entities": "~2.0.0",
-            "linkify-it": "^2.0.0",
-            "mdurl": "^1.0.1",
-            "uc.micro": "^1.0.5"
-          }
-        }
-      }
-    },
-    "prosemirror-menu": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.1.4.tgz",
-      "integrity": "sha512-2ROsji/X9ciDnVSRvSTqFygI34GEdHfQSsK4zBKjPxSEroeiHHcdRMS1ofNIf2zM0Vpp5/YqfpxynElymQkqzg==",
-      "requires": {
-        "crelt": "^1.0.0",
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "prosemirror-model": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.15.0.tgz",
-      "integrity": "sha512-hQJv7SnIhlAy9ga3lhPPgaufhvCbQB9tHwscJ9E1H1pPHmN8w5V/lURueoYv9Kc3/bpNWoyHa8r3g//m7N0ChQ==",
-      "requires": {
-        "orderedmap": "^1.1.0"
-      }
-    },
-    "prosemirror-schema-list": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.6.tgz",
-      "integrity": "sha512-aFGEdaCWmJzouZ8DwedmvSsL50JpRkqhQ6tcpThwJONVVmCgI36LJHtoQ4VGZbusMavaBhXXr33zyD2IVsTlkw==",
-      "requires": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "prosemirror-state": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.4.tgz",
-      "integrity": "sha512-Xkkrpd1y/TQ6HKzN3agsQIGRcLckUMA9u3j207L04mt8ToRgpGeyhbVv0HI7omDORIBHjR29b7AwlATFFf2GLA==",
-      "requires": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "prosemirror-tables": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.1.1.tgz",
-      "integrity": "sha512-LmCz4jrlqQZRsYRDzCRYf/pQ5CUcSOyqZlAj5kv67ZWBH1SVLP2U9WJEvQfimWgeRlIz0y0PQVqO1arRm1+woA==",
-      "requires": {
-        "prosemirror-keymap": "^1.1.2",
-        "prosemirror-model": "^1.8.1",
-        "prosemirror-state": "^1.3.1",
-        "prosemirror-transform": "^1.2.1",
-        "prosemirror-view": "^1.13.3"
-      }
-    },
-    "prosemirror-transform": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.3.3.tgz",
-      "integrity": "sha512-9NLVXy1Sfa2G6qPqhWMkEvwQQMTw7OyTqOZbJaGQWsCeH3hH5Cw+c5eNaLM1Uu75EyKLsEZhJ93XpHJBa6RX8A==",
-      "requires": {
-        "prosemirror-model": "^1.0.0"
-      }
-    },
-    "prosemirror-view": {
-      "version": "1.23.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.23.2.tgz",
-      "integrity": "sha512-iPgRw6tpcN+KH1yKmSnRmDKsJBVkWLFP6laHcz9rh/n0Ndz7YKKCDldtw6FhHBYoWmZeubbhV/rrQW0VCDG9iw==",
-      "requires": {
-        "prosemirror-model": "^1.14.3",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0"
-      }
-    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -3174,11 +2757,6 @@
         "path-parse": "^1.0.6"
       }
     },
-    "rope-sequence": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.2.tgz",
-      "integrity": "sha512-ku6MFrwEVSVmXLvy3dYph3LAMNS0890K7fabn+0YIRQ2T96T9F4gkFf0vf0WW0JUraNWwGRtInEpH7yO4tbQZg=="
-    },
     "sass": {
       "version": "1.43.4",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
@@ -3274,11 +2852,6 @@
       "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA==",
       "dev": true
     },
-    "sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
-    },
     "string-width": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -3386,11 +2959,6 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "w3c-keyname": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
-      "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
-    },
     "which": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",

package.json

@@ -7,8 +7,6 @@
     "build:js:dev": "esbuild --bundle ./resources/js/index.js --outfile=public/dist/app.js --sourcemap --target=es2019 --main-fields=module,main",
     "build:js:watch": "chokidar --initial \"./resources/**/*.js\" -c \"npm run build:js:dev\"",
     "build:js:production": "NODE_ENV=production esbuild --bundle ./resources/js/index.js --outfile=public/dist/app.js --sourcemap --target=es2019 --main-fields=module,main --minify",
-    "build:js_editor:dev": "esbuild --bundle ./resources/js/editor.js --outfile=public/dist/editor.js --sourcemap --target=es2019 --main-fields=module,main",
-    "build:js_editor:watch": "chokidar --initial \"./resources/js/editor.js\" \"./resources/js/editor/**/*.js\" -c \"npm run build:js_editor:dev\"",
     "build": "npm-run-all --parallel build:*:dev",
     "production": "npm-run-all --parallel build:*:production",
     "dev": "npm-run-all --parallel watch livereload",
@@ -27,18 +25,9 @@
   "dependencies": {
     "clipboard": "^2.0.8",
     "codemirror": "^5.63.3",
-    "crelt": "^1.0.5",
     "dropzone": "^5.9.3",
     "markdown-it": "^12.2.0",
     "markdown-it-task-lists": "^2.1.1",
-    "prosemirror-commands": "^1.1.12",
-    "prosemirror-example-setup": "^1.1.2",
-    "prosemirror-markdown": "^1.6.0",
-    "prosemirror-model": "^1.15.0",
-    "prosemirror-schema-list": "^1.1.6",
-    "prosemirror-state": "^1.3.4",
-    "prosemirror-tables": "^1.1.1",
-    "prosemirror-view": "^1.23.2",
     "sortablejs": "^1.14.0"
   }
 }

public/dist/print-styles.css

@@ -0,0 +1 @@
+:root{--color-primary: #206ea7;--color-primary-light: rgba(32,110,167,0.15);--color-page: #206ea7;--color-page-draft: #7e50b1;--color-chapter: #af4d0d;--color-book: #077b70;--color-bookshelf: #a94747}header{display:none}html,body{font-size:12px;background-color:#fff}.page-content{margin:0 auto}.print-hidden{display:none !important}.tri-layout-container{grid-template-columns:1fr;grid-template-areas:"b";margin-inline-start:0;margin-inline-end:0;display:block}.card{box-shadow:none}.content-wrap.card{padding-inline-start:0;padding-inline-end:0}/*# sourceMappingURL=print-styles.css.map */

readme.md

@@ -34,17 +34,13 @@ Big thanks to these companies for supporting the project.
 Note: Listed services are not tested, vetted nor supported by the official BookStack project in any manner.
 [View all sponsors](https://github.com/sponsors/ssddanbrown).
 
-#### Silver Sponsor
+#### Bronze Sponsors
 
 <table><tbody><tr>
 <td><a href="https://www.diagrams.net/" target="_blank">
-    <img width="420" src="https://media.githubusercontent.com/media/BookStackApp/website/main/static/images/sponsors/diagramsnet.png" alt="Diagrams.net">
+    <img width="280" src="https://media.githubusercontent.com/media/BookStackApp/website/main/static/images/sponsors/diagramsnet.png" alt="Diagrams.net">
 </a></td>
-</tr></tbody></table>
 
-#### Bronze Sponsor
-
-<table><tbody><tr>
 <td><a href="https://www.stellarhosted.com/bookstack/" target="_blank">
     <img width="280" src="https://media.githubusercontent.com/media/BookStackApp/website/main/static/images/sponsors/stellarhosted.png" alt="Stellar Hosted">
 </a></td>

resources/icons/webhooks.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,15l5.88,0c0.27-0.31,0.67-0.5,1.12-0.5c0.83,0,1.5,0.67,1.5,1.5c0,0.83-0.67,1.5-1.5,1.5c-0.44,0-0.84-0.19-1.12-0.5 l-3.98,0c-0.46,2.28-2.48,4-4.9,4c-2.76,0-5-2.24-5-5c0-2.42,1.72-4.44,4-4.9l0,2.07C4.84,13.58,4,14.7,4,16c0,1.65,1.35,3,3,3 s3-1.35,3-3V15z M12.5,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5l0,0c-2.76,0-5,2.24-5,5c0,1.43,0.6,2.71,1.55,3.62l-2.35,3.9 C6.02,14.66,5.5,15.27,5.5,16c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5c0-0.16-0.02-0.31-0.07-0.45l3.38-5.63 C10.49,9.61,9.5,8.42,9.5,7C9.5,5.35,10.85,4,12.5,4z M17,13c-0.64,0-1.23,0.2-1.72,0.54l-3.05-5.07C11.53,8.35,11,7.74,11,7 c0-0.83,0.67-1.5,1.5-1.5S14,6.17,14,7c0,0.15-0.02,0.29-0.06,0.43l2.19,3.65C16.41,11.03,16.7,11,17,11l0,0c2.76,0,5,2.24,5,5 c0,2.76-2.24,5-5,5c-1.85,0-3.47-1.01-4.33-2.5l2.67,0C15.82,18.82,16.39,19,17,19c1.65,0,3-1.35,3-3S18.65,13,17,13z"/></svg>

resources/js/components/entity-selector-popup.js

@@ -7,8 +7,6 @@ class EntitySelectorPopup {
     setup() {
         this.elem = this.$el;
         this.selectButton = this.$refs.select;
-        this.searchInput = this.$refs.searchInput;
-
         window.EntitySelectorPopup = this;
 
         this.callback = null;
@@ -22,7 +20,6 @@ class EntitySelectorPopup {
     show(callback) {
         this.callback = callback;
         this.elem.components.popup.show();
-        this.searchInput.focus();
     }
 
     hide() {

resources/js/components/index.js

@@ -50,7 +50,6 @@ import templateManager from "./template-manager.js"
 import toggleSwitch from "./toggle-switch.js"
 import triLayout from "./tri-layout.js"
 import userSelect from "./user-select.js"
-import webhookEvents from "./webhook-events";
 import wysiwygEditor from "./wysiwyg-editor.js"
 
 const componentMapping = {
@@ -106,7 +105,6 @@ const componentMapping = {
     "toggle-switch": toggleSwitch,
     "tri-layout": triLayout,
     "user-select": userSelect,
-    "webhook-events": webhookEvents,
     "wysiwyg-editor": wysiwygEditor,
 };
 

resources/js/components/webhook-events.js

@@ -1,32 +0,0 @@
-
-/**
- * Webhook Events
- * Manages dynamic selection control in the webhook form interface.
- * @extends {Component}
- */
-class WebhookEvents {
-
-    setup() {
-        this.checkboxes = this.$el.querySelectorAll('input[type="checkbox"]');
-        this.allCheckbox = this.$el.querySelector('input[type="checkbox"][value="all"]');
-
-        this.$el.addEventListener('change', event => {
-            if (event.target.checked && event.target === this.allCheckbox) {
-                this.deselectIndividualEvents();
-            } else if (event.target.checked) {
-                this.allCheckbox.checked = false;
-            }
-        });
-    }
-
-    deselectIndividualEvents() {
-        for (const checkbox of this.checkboxes) {
-            if (checkbox !== this.allCheckbox) {
-                checkbox.checked = false;
-            }
-        }
-    }
-
-}
-
-export default WebhookEvents;

resources/js/editor.js

@@ -1,18 +0,0 @@
-import MarkdownView from "./editor/MarkdownView";
-import ProseMirrorView from "./editor/ProseMirrorView";
-
-// Next step: https://prosemirror.net/examples/menu/
-
-const place = document.querySelector("#editor");
-let view = new ProseMirrorView(place, document.getElementById('content').innerHTML);
-
-const markdownToggle = document.getElementById('markdown-toggle');
-markdownToggle.addEventListener('change', event => {
-    const View = markdownToggle.checked ? MarkdownView : ProseMirrorView;
-    if (view instanceof View) return
-    const content = view.content
-    console.log(content);
-    view.destroy()
-    view = new View(place, content)
-    view.focus()
-});

resources/js/editor/MarkdownView.js

@@ -1,28 +0,0 @@
-import {htmlToDoc, docToHtml} from "./util";
-
-import parser from "./markdown-parser";
-import serializer from "./markdown-serializer";
-
-class MarkdownView {
-    constructor(target, content) {
-        // Build DOM from content
-        const htmlDoc = htmlToDoc(content);
-        const markdown = serializer.serialize(htmlDoc);
-
-        this.textarea = target.appendChild(document.createElement("textarea"))
-        this.textarea.value = markdown;
-        this.textarea.style.width = '1000px';
-        this.textarea.style.height = '1000px';
-    }
-
-    get content() {
-        const markdown = this.textarea.value;
-        const doc = parser.parse(markdown);
-        return docToHtml(doc);
-    }
-
-    focus() { this.textarea.focus() }
-    destroy() { this.textarea.remove() }
-}
-
-export default MarkdownView;

resources/js/editor/ProseMirrorView.js

@@ -1,52 +0,0 @@
-import {EditorState} from "prosemirror-state";
-import {EditorView} from "prosemirror-view";
-import {exampleSetup} from "prosemirror-example-setup";
-import {tableEditing} from "prosemirror-tables";
-
-import {DOMParser} from "prosemirror-model";
-
-import schema from "./schema";
-import menu from "./menu";
-import nodeViews from "./node-views";
-import {stateToHtml} from "./util";
-import {columnResizing} from "./plugins/table-resizing";
-
-class ProseMirrorView {
-    constructor(target, content) {
-
-        // Build DOM from content
-        const renderDoc = document.implementation.createHTMLDocument();
-        renderDoc.body.innerHTML = content;
-
-        this.view = new EditorView(target, {
-            state: EditorState.create({
-                doc: DOMParser.fromSchema(schema).parse(renderDoc.body),
-                plugins: [
-                    ...exampleSetup({schema, menuBar: false}),
-                    menu,
-                    columnResizing(),
-                    tableEditing(),
-                ]
-            }),
-            nodeViews,
-        });
-
-        // Fix for native handles (Such as table size handling) in some browsers
-        document.execCommand("enableObjectResizing", false, "false")
-        document.execCommand("enableInlineTableEditing", false, "false")
-    }
-
-    get content() {
-        return stateToHtml(this.view.state);
-    }
-
-    focus() {
-        this.view.focus()
-    }
-
-    destroy() {
-        this.view.destroy()
-    }
-}
-
-export default ProseMirrorView;

resources/js/editor/commands.js

@@ -1,102 +0,0 @@
-/**
- * @param {String} attrName
- * @param {String} attrValue
- * @return {PmCommandHandler}
- */
-export function setBlockAttr(attrName, attrValue) {
-    return function (state, dispatch) {
-        const ref = state.selection;
-        const from = ref.from;
-        const to = ref.to;
-        let applicable = false;
-
-        state.doc.nodesBetween(from, to, function (node, pos) {
-            if (applicable) {
-                return false
-            }
-            if (!node.isTextblock || node.attrs[attrName] === attrValue) {
-                return
-            }
-
-            applicable = node.attrs[attrName] !== undefined;
-        });
-
-        if (!applicable) {
-            return false
-        }
-
-        if (dispatch) {
-            const tr = state.tr;
-            tr.doc.nodesBetween(from, to, function (node, pos) {
-                const nodeAttrs = Object.assign({}, node.attrs);
-                if (node.attrs[attrName] !== undefined) {
-                    nodeAttrs[attrName] = attrValue;
-                    tr.setBlockType(pos, pos + 1, node.type, nodeAttrs)
-                }
-            });
-
-            dispatch(tr);
-        }
-
-        return true
-    }
-}
-
-/**
- * @param {PmNodeType} blockType
- * @return {PmCommandHandler}
- */
-export function insertBlockBefore(blockType) {
-    return function (state, dispatch) {
-        const startPosition = state.selection.$from.before(1);
-
-        if (dispatch) {
-            dispatch(state.tr.insert(startPosition, blockType.create()));
-        }
-
-        return true
-    }
-}
-
-/**
- * @param {Number} rows
- * @param {Number} columns
- * @param {Object} tableAttrs
- * @return {PmCommandHandler}
- */
-export function insertTable(rows, columns, tableAttrs) {
-    return function (state, dispatch) {
-        if (!dispatch) return true;
-
-        const tr = state.tr;
-        const nodes = state.schema.nodes;
-
-        const rowNodes = [];
-        for (let y = 0; y < rows; y++) {
-            const rowCells = [];
-            for (let x = 0; x < columns; x++) {
-                const cellText = nodes.paragraph.create(null);
-                rowCells.push(nodes.table_cell.create(null, cellText));
-            }
-            rowNodes.push(nodes.table_row.create(null, rowCells));
-        }
-
-        const table = nodes.table.create(tableAttrs, rowNodes);
-        tr.replaceSelectionWith(table);
-        dispatch(tr);
-
-        return true;
-    }
-}
-
-/**
- * @return {PmCommandHandler}
- */
-export function removeMarks() {
-    return function (state, dispatch) {
-        if (dispatch) {
-            dispatch(state.tr.removeMark(state.selection.from, state.selection.to, null));
-        }
-        return true;
-    }
-}

resources/js/editor/markdown-parser.js

@@ -1,69 +0,0 @@
-import schema from "./schema";
-import markdownit from "markdown-it";
-import {MarkdownParser, defaultMarkdownParser} from "prosemirror-markdown";
-import {htmlToDoc, KeyedMultiStack} from "./util";
-
-const tokens = defaultMarkdownParser.tokens;
-
-// These are really a placeholder on the object to allow the below
-// parser.tokenHandlers.html_[block/inline] hacks to work as desired.
-tokens.html_block = {block: "callout", noCloseToken: true};
-tokens.html_inline = {mark: "underline"};
-
-const tokenizer = markdownit("commonmark", {html: true});
-const parser = new MarkdownParser(schema, tokenizer, tokens);
-
-// When we come across HTML blocks we use the document schema to parse them
-// into nodes then re-add those back into the parser state.
-parser.tokenHandlers.html_block = function(state, tok, tokens, i) {
-    const contentDoc = htmlToDoc(tok.content || '');
-    for (const node of contentDoc.content.content) {
-        state.addNode(node.type, node.attrs, node.content);
-    }
-};
-
-// When we come across inline HTML we parse out the tag and keep track of
-// that in a stack, along with the marks they parse out to.
-// We open/close the marks within the state depending on the tag open/close type.
-const tagStack = new KeyedMultiStack();
-parser.tokenHandlers.html_inline = function(state, tok, tokens, i) {
-    const isClosing = tok.content.startsWith('</');
-    const isSelfClosing = tok.content.endsWith('/>');
-    const tagName = parseTagNameFromHtmlTokenContent(tok.content);
-
-    if (!isClosing) {
-        const completeTag = isSelfClosing ?  tok.content : `${tok.content}a</${tagName}>`;
-        const marks = extractMarksFromHtml(completeTag);
-        tagStack.push(tagName, marks);
-        for (const mark of marks) {
-            state.openMark(mark);
-        }
-    }
-
-    if (isSelfClosing || isClosing) {
-        const marks = (tagStack.pop(tagName) || []).reverse();
-        for (const mark of marks) {
-            state.closeMark(mark);
-        }
-    }
-}
-
-/**
- * @param {String} html
- * @return {PmMark[]}
- */
-function extractMarksFromHtml(html) {
-    const contentDoc = htmlToDoc('<p>' + (html || '') + '</p>');
-    const marks = contentDoc?.content?.content?.[0]?.content?.content?.[0]?.marks;
-    return marks || [];
-}
-
-/**
- * @param {string} tokenContent
- * @return {string}
- */
-function parseTagNameFromHtmlTokenContent(tokenContent) {
-    return tokenContent.split(' ')[0].replace(/[<>\/]/g, '').toLowerCase();
-}
-
-export default parser;

resources/js/editor/markdown-serializer.js

@@ -1,138 +0,0 @@
-import {MarkdownSerializer, defaultMarkdownSerializer, MarkdownSerializerState} from "prosemirror-markdown";
-import {docToHtml} from "./util";
-
-const nodes = defaultMarkdownSerializer.nodes;
-const marks = defaultMarkdownSerializer.marks;
-
-
-nodes.callout = function (state, node) {
-    writeNodeAsHtml(state, node);
-};
-
-nodes.table = function (state, node) {
-    writeNodeAsHtml(state, node);
-};
-
-nodes.iframe = function (state, node) {
-    writeNodeAsHtml(state, node);
-};
-
-nodes.details = function (state, node) {
-    wrapNodeWithHtml(state, node, '<details>', '</details>');
-};
-
-nodes.details_summary = function(state, node) {
-    writeNodeAsHtml(state, node);
-};
-
-function isPlainURL(link, parent, index, side) {
-    if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) {
-        return false
-    }
-    const content = parent.child(index + (side < 0 ? -1 : 0));
-    if (!content.isText || content.text != link.attrs.href || content.marks[content.marks.length - 1] != link) {
-        return false
-    }
-    if (index == (side < 0 ? 1 : parent.childCount - 1)) {
-        return true
-    }
-    const next = parent.child(index + (side < 0 ? -2 : 1));
-    return !link.isInSet(next.marks)
-}
-
-marks.link = {
-    open(state, mark, parent, index) {
-        const attrs = mark.attrs;
-        if (attrs.target) {
-            return `<a href="${attrs.target}" ${attrs.title ? `title="${attrs.title}"` : ''} target="${attrs.target}">`
-        }
-        return isPlainURL(mark, parent, index, 1) ? "<" : "["
-    },
-    close(state, mark, parent, index) {
-        if (mark.attrs.target) {
-            return `</a>`;
-        }
-        return isPlainURL(mark, parent, index, -1) ? ">"
-            : "](" + state.esc(mark.attrs.href) + (mark.attrs.title ? " " + state.quote(mark.attrs.title) : "") + ")"
-    }
-};
-
-marks.underline = {
-    open: '<span style="text-decoration: underline;">',
-    close: '</span>',
-};
-
-marks.strike = {
-    open: '<span style="text-decoration: line-through;">',
-    close: '</span>',
-};
-
-marks.superscript = {
-    open: '<sup>',
-    close: '</sup>',
-};
-
-marks.subscript = {
-    open: '<sub>',
-    close: '</sub>',
-};
-
-marks.text_color = {
-    open(state, mark, parent, index) {
-        return `<span style="color: ${mark.attrs.color};">`
-    },
-    close: '</span>',
-};
-
-marks.background_color = {
-    open(state, mark, parent, index) {
-        return `<span style="background-color: ${mark.attrs.color};">`
-    },
-    close: '</span>',
-};
-
-/**
- * @param {MarkdownSerializerState} state
- * @param {PmNode} node
- */
-function writeNodeAsHtml(state, node) {
-    const html = docToHtml({content: [node]});
-    state.write(html);
-    state.ensureNewLine();
-    state.write('\n');
-    state.closeBlock();
-}
-
-/**
- * @param {MarkdownSerializerState} state
- * @param {PmNode} node
- * @param {String} openTag
- * @param {String} closeTag
- */
-function wrapNodeWithHtml(state, node, openTag, closeTag) {
-    state.write(openTag);
-    state.ensureNewLine();
-    state.renderContent(node);
-    state.write(closeTag);
-    state.closeBlock();
-    state.ensureNewLine();
-    state.write('\n');
-}
-
-// Update serializers to just write out as HTML if we have an attribute
-// or element that cannot be represented in commonmark without losing
-// formatting or content.
-for (const [nodeType, serializerFunction] of Object.entries(nodes)) {
-    nodes[nodeType] = function (state, node, parent, index) {
-        if (node.attrs.align || node.attrs.height || node.attrs.width) {
-            writeNodeAsHtml(state, node);
-        } else {
-            serializerFunction(state, node, parent, index);
-        }
-    }
-}
-
-
-const serializer = new MarkdownSerializer(nodes, marks);
-
-export default serializer;

resources/js/editor/menu/ColorPickerGrid.js

@@ -1,62 +0,0 @@
-import crel from "crelt"
-import {prefix} from "./menu-utils";
-import {TextSelection} from "prosemirror-state"
-import {expandSelectionToMark} from "../util";
-
-
-class ColorPickerGrid {
-
-    constructor(markType, attrName, colors) {
-        this.markType = markType;
-        this.colors = colors
-        this.attrName = attrName;
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-
-        const colorElems = [];
-        for (const color of this.colors) {
-            const elem = crel("div", {class: prefix + "-color-grid-item", style: `background-color: ${color};`});
-            colorElems.push(elem);
-        }
-
-        const wrap = crel("div", {class: prefix + "-color-grid-container"}, colorElems);
-        wrap.addEventListener('click', event => {
-            if (event.target.classList.contains(prefix + "-color-grid-item")) {
-                const color = event.target.style.backgroundColor;
-                this.onColorSelect(view, color);
-            }
-        });
-
-        function update(state) {
-            return true;
-        }
-
-        return {dom: wrap, update}
-    }
-
-    onColorSelect(view, color) {
-        const attrs = {[this.attrName]: color};
-        const selection = view.state.selection;
-        const {from, to} = expandSelectionToMark(view.state, selection, this.markType);
-        const tr = view.state.tr;
-
-        const currentColorMarks = selection.$from.marksAcross(selection.$to) || [];
-        const activeRelevantMark = currentColorMarks.filter(mark => {
-            return mark.type === this.markType;
-        })[0];
-        const colorIsActive = activeRelevantMark && activeRelevantMark.attrs[this.attrName] === color;
-
-        tr.removeMark(from, to, this.markType);
-        if (!colorIsActive) {
-            tr.addMark(from, to, this.markType.create(attrs));
-        }
-
-        tr.setSelection(TextSelection.create(tr.doc, from, to));
-        view.dispatch(tr);
-    }
-}
-
-export default ColorPickerGrid;

resources/js/editor/menu/DialogBox.js

@@ -1,59 +0,0 @@
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-import {prefix, renderItems} from "./menu-utils";
-import crel from "crelt";
-import {getIcon, icons} from "./icons";
-
-class DialogBox {
-    // :: ([MenuElement], ?Object)
-    // The following options are recognized:
-    //
-    // **`label`**`: string`
-    //   : The label to show on the dialog.
-    // **`closer`**`: function`
-    //   : The function to run when the dialog should close.
-    constructor(content, options) {
-        this.options = options || {};
-        this.content = Array.isArray(content) ? content : [content];
-
-        this.closeMouseDownListener = null;
-        this.wrap = null;
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-        const items = renderItems(this.content, view)
-
-        const titleText = crel("div", {class: prefix + "-dialog-title-text"}, this.options.label);
-        const titleClose = crel("button", {class: prefix + "-dialog-title-close primary-background", type: "button"}, getIcon(icons.close));
-        const titleContent = crel("div", {class: prefix + "-dialog-title"}, titleText, titleClose);
-        const dialog = crel("div", {class: prefix + "-dialog"}, titleContent,
-            crel("div", {class: prefix + "-dialog-content"}, items.dom));
-        const wrap = crel("div", {class: prefix + "-dialog-wrap"}, dialog);
-        this.wrap = wrap;
-
-        this.closeMouseDownListener = (event) => {
-            if (!dialog.contains(event.target) || titleClose.contains(event.target)) {
-                this.close();
-            }
-        }
-
-        wrap.addEventListener("click", this.closeMouseDownListener);
-
-        function update(state) {
-            let inner = items.update(state)
-            wrap.style.display = inner ? "" : "none"
-            return inner;
-        }
-        return {dom: wrap, update}
-    }
-
-    close() {
-        if (this.options.closer) {
-            this.options.closer();
-        }
-    }
-}
-
-export default DialogBox;

resources/js/editor/menu/DialogForm.js

@@ -1,51 +0,0 @@
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-import {prefix, renderItems} from "./menu-utils";
-import crel from "crelt";
-
-class DialogForm {
-    // :: ([MenuElement], ?Object)
-    // The following options are recognized:
-    //
-    // **`action`**`: function(FormData)`
-    //   : The submission action to run when the form is submitted.
-    // **`canceler`**`: function`
-    //   : The cancel action to run when the form is cancelled.
-    constructor(content, options) {
-        this.options = options || {};
-        this.content = Array.isArray(content) ? content : [content];
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-        const items = renderItems(this.content, view)
-
-        const formButtonCancel = crel("button", {class: prefix + "-dialog-button", type: "button"}, "Cancel");
-        const formButtonSave = crel("button", {class: prefix + "-dialog-button", type: "submit"}, "Save");
-        const footer = crel("div", {class: prefix + "-dialog-footer"}, formButtonCancel, formButtonSave);
-        const form = crel("form", {class: prefix + "-dialog-form", action: '#'}, items.dom, footer);
-
-        form.addEventListener('submit', event => {
-            event.preventDefault();
-            if (this.options.action) {
-                this.options.action(new FormData(form));
-            }
-        });
-
-        formButtonCancel.addEventListener('click', event => {
-            if (this.options.canceler) {
-                this.options.canceler();
-            }
-        });
-
-        function update(state) {
-            return items.update(state);
-        }
-
-        return {dom: form, update}
-    }
-
-}
-
-export default DialogForm;

resources/js/editor/menu/DialogInput.js

@@ -1,42 +0,0 @@
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-import {prefix, randHtmlId} from "./menu-utils";
-import crel from "crelt";
-
-class DialogInput {
-    // :: (?Object)
-    // The following options are recognized:
-    //
-    // **`label`**`: string`
-    //   : The label to show for the input.
-    // **`id`**`: string`
-    //   : The id to use for this input
-    // **`attrs`**`: Object`
-    //   : The attributes to add to the input element.
-    // **`value`**`: function(state) -> string`
-    //   : The getter for the input value.
-    constructor(options) {
-        this.options = options || {};
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-        const id = randHtmlId();
-        const inputAttrs = Object.assign({type: "text", name: this.options.id, id: this.options.id}, this.options.attrs || {})
-        const input = crel("input", inputAttrs);
-        const label = crel("label", {for: id}, this.options.label);
-
-        const rowRap = crel("div", {class: prefix + '-dialog-form-row'}, label, input);
-
-        const update = (state) => {
-            input.value = this.options.value(state);
-            return true;
-        }
-
-        return {dom: rowRap, update}
-    }
-
-}
-
-export default DialogInput;

resources/js/editor/menu/DialogRadioOptions.js

@@ -1,53 +0,0 @@
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-import {prefix, randHtmlId} from "./menu-utils";
-import crel from "crelt";
-
-class DialogRadioOptions {
-    /**
-     * Given inputOptions should be keyed by label, with values being values.
-     * Values of empty string will be treated as null.
-     * @param {Object} inputOptions
-     * @param {{label: string, id: string, attrs?: Object, value: function(PmEditorState): string|null}} options
-     */
-    constructor(inputOptions, options) {
-        this.inputOptions = inputOptions;
-        this.options = options || {};
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-
-        const inputs = [];
-        const optionInputLabels = Object.keys(this.inputOptions).map(label => {
-            const inputAttrs = Object.assign({
-                type: "radio",
-                name: this.options.id,
-                value: this.inputOptions[label],
-                class: prefix + '-dialog-radio-option',
-            }, this.options.attrs || {});
-            const input = crel("input", inputAttrs);
-            inputs.push(input);
-            return crel("label", input, label);
-        });
-
-        const optionInputWrap = crel("div", {class: prefix + '-dialog-radio-option-wrap'}, optionInputLabels);
-
-        const label = crel("label", {}, this.options.label);
-        const rowRap = crel("div", {class: prefix + '-dialog-form-row'}, label, optionInputWrap);
-
-        const update = (state) => {
-            const value = this.options.value(state);
-            for (const input of inputs) {
-                input.checked = (input.value === value || (value === null && input.value === ""));
-            }
-            return true;
-        }
-
-        return {dom: rowRap, update}
-    }
-
-}
-
-export default DialogRadioOptions;

resources/js/editor/menu/DialogTextArea.js

@@ -1,42 +0,0 @@
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-import {prefix, randHtmlId} from "./menu-utils";
-import crel from "crelt";
-
-class DialogTextArea {
-    // :: (?Object)
-    // The following options are recognized:
-    //
-    // **`label`**`: string`
-    //   : The label to show for the input.
-    // **`id`**`: string`
-    //   : The id to use for this input
-    // **`attrs`**`: Object`
-    //   : The attributes to add to the input element.
-    // **`value`**`: function(state) -> string`
-    //   : The getter for the input value.
-    constructor(options) {
-        this.options = options || {};
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-        const id = randHtmlId();
-        const inputAttrs = Object.assign({type: "text", name: this.options.id, id: this.options.id}, this.options.attrs || {})
-        const input = crel("textarea", inputAttrs);
-        const label = this.options.label ? crel("label", {for: id}, this.options.label) : null;
-
-        const rowRap = crel("div", {class: prefix + '-dialog-textarea-wrap'}, label, input);
-
-        const update = (state) => {
-            input.value = this.options.value(state);
-            return true;
-        }
-
-        return {dom: rowRap, update}
-    }
-
-}
-
-export default DialogTextArea;

resources/js/editor/menu/TableCreatorGrid.js

@@ -1,86 +0,0 @@
-import crel from "crelt"
-import {prefix} from "./menu-utils";
-import {insertTable} from "../commands";
-
-class TableCreatorGrid {
-
-    constructor() {
-        this.size = 10;
-        this.label = null;
-    }
-
-    // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-    // Renders the submenu.
-    render(view) {
-
-        const gridItems = [];
-        for (let y = 0; y < this.size; y++) {
-            for (let x = 0; x < this.size; x++) {
-                const elem = crel("div", {class: prefix + "-table-creator-grid-item"});
-                gridItems.push(elem);
-                elem.addEventListener('mouseenter', event => {
-                    this.updateGridItemActiveStatus(elem, gridItems);
-                });
-            }
-        }
-
-        const gridWrap = crel("div", {
-            class: prefix + "-table-creator-grid",
-            style: `grid-template-columns: repeat(${this.size}, 14px);`,
-        }, gridItems);
-
-        gridWrap.addEventListener('mouseleave', event => {
-            this.updateGridItemActiveStatus(null, gridItems);
-        });
-        gridWrap.addEventListener('click', event => {
-            if (event.target.classList.contains(prefix + "-table-creator-grid-item")) {
-                const {x, y} = this.getPositionOfGridItem(event.target, gridItems);
-                insertTable(y + 1, x + 1, {
-                    style: 'width: 100%;',
-                })(view.state, view.dispatch);
-            }
-        });
-
-        const gridLabel = crel("div", {class: prefix + "-table-creator-grid-label"});
-        this.label = gridLabel;
-        const wrap = crel("div", {class: prefix + "-table-creator-grid-container"}, [gridWrap, gridLabel]);
-
-        function update(state) {
-            return true;
-        }
-
-        return {dom: wrap, update}
-    }
-
-    /**
-     * @param {Element|null} newTarget
-     * @param {Element[]} gridItems
-     */
-    updateGridItemActiveStatus(newTarget, gridItems) {
-        const {x: xPos, y: yPos} = this.getPositionOfGridItem(newTarget, gridItems);
-
-        for (let y = 0; y < this.size; y++) {
-            for (let x = 0; x < this.size; x++) {
-                const active = x <= xPos && y <= yPos;
-                const index = (y * this.size) + x;
-                gridItems[index].classList.toggle(prefix + "-table-creator-grid-item-active", active);
-            }
-        }
-
-        this.label.textContent = (xPos + yPos < 0) ? '' : `${xPos + 1} x ${yPos + 1}`;
-    }
-
-    /**
-     * @param {Element} gridItem
-     * @param {Element[]} gridItems
-     * @return {{x: number, y: number}}
-     */
-    getPositionOfGridItem(gridItem, gridItems) {
-        const index = gridItems.indexOf(gridItem);
-        const y = Math.floor(index / this.size);
-        const x = index % this.size;
-        return {x, y};
-    }
-}
-
-export default TableCreatorGrid;

resources/js/editor/menu/icons.js

@@ -1,162 +0,0 @@
-/**
- * This file originates from https://github.com/ProseMirror/prosemirror-menu
- * and is hence subject to the MIT license found here:
- * https://github.com/ProseMirror/prosemirror-menu/blob/master/LICENSE
- * @copyright Marijn Haverbeke and others
- */
-
-// :: Object
-// A set of basic editor-related icons. Contains the properties
-// `join`, `lift`, `selectParentNode`, `undo`, `redo`, `strong`, `em`,
-// `code`, `link`, `bulletList`, `orderedList`, and `blockquote`, each
-// holding an object that can be used as the `icon` option to
-// `MenuItem`.
-export const icons = {
-  undo: {
-    width: 24, height: 24,
-    path: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"
-  },
-  redo: {
-    width: 24, height: 24,
-    path: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"
-  },
-  strong: {
-    width: 24, height: 24,
-    path: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"
-  },
-  em: {
-    width: 24, height: 24,
-    path: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-  },
-  link: {
-    width: 24, height: 24,
-    path: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"
-  },
-  bullet_list: {
-    width: 24, height: 24,
-    path: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"
-  },
-  ordered_list: {
-    width: 24, height: 24,
-    path: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"
-  },
-  task_list: {
-    width: 24, height: 24,
-    path: "M22,7h-9v2h9V7z M22,15h-9v2h9V15z M5.54,11L2,7.46l1.41-1.41l2.12,2.12l4.24-4.24l1.41,1.41L5.54,11z M5.54,19L2,15.46 l1.41-1.41l2.12,2.12l4.24-4.24l1.41,1.41L5.54,19z"
-  },
-  underline: {
-    width: 24, height: 24,
-    path: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"
-  },
-  strike: {
-    width: 24, height: 24,
-    path: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"
-  },
-  superscript: {
-    width: 24, height: 24,
-    path: "M22,7h-2v1h3v1h-4V7c0-0.55,0.45-1,1-1h2V5h-3V4h3c0.55,0,1,0.45,1,1v1C23,6.55,22.55,7,22,7z M5.88,20h2.66l3.4-5.42h0.12 l3.4,5.42h2.66l-4.65-7.27L17.81,6h-2.68l-3.07,4.99h-0.12L8.85,6H6.19l4.32,6.73L5.88,20z"
-  },
-  subscript: {
-    width: 24, height: 24,
-    path: "M22,18h-2v1h3v1h-4v-2c0-0.55,0.45-1,1-1h2v-1h-3v-1h3c0.55,0,1,0.45,1,1v1C23,17.55,22.55,18,22,18z M5.88,18h2.66 l3.4-5.42h0.12l3.4,5.42h2.66l-4.65-7.27L17.81,4h-2.68l-3.07,4.99h-0.12L8.85,4H6.19l4.32,6.73L5.88,18z"
-  },
-  text_color: {
-    width: 24, height: 24,
-    path: "M2,20h20v4H2V20z M5.49,17h2.42l1.27-3.58h5.65L16.09,17h2.42L13.25,3h-2.5L5.49,17z M9.91,11.39l2.03-5.79h0.12l2.03,5.79 H9.91z"
-  },
-  background_color: {
-    width: 24, height: 24,
-    path: "M16.56,8.94L7.62,0L6.21,1.41l2.38,2.38L3.44,8.94c-0.59,0.59-0.59,1.54,0,2.12l5.5,5.5C9.23,16.85,9.62,17,10,17 s0.77-0.15,1.06-0.44l5.5-5.5C17.15,10.48,17.15,9.53,16.56,8.94z M5.21,10L10,5.21L14.79,10H5.21z M19,11.5c0,0-2,2.17-2,3.5 c0,1.1,0.9,2,2,2s2-0.9,2-2C21,13.67,19,11.5,19,11.5z M2,20h20v4H2V20z"
-  },
-  align_left: {
-    width: 24, height: 24,
-    path: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"
-  },
-  align_right: {
-    width: 24, height: 24,
-    path: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"
-  },
-  align_center: {
-    width: 24, height: 24,
-    path: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"
-  },
-  align_justify: {
-    width: 24, height: 24,
-    path: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"
-  },
-  horizontal_rule: {
-    width: 24, height: 24,
-    path: "m 4,11 h 16 v 2 H 4 Z"
-  },
-  format_clear: {
-    width: 24, height: 24,
-    path: "M3.27 5L2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21 18 19.73 3.55 5.27 3.27 5zM6 5v.18L8.82 8h2.4l-.72 1.68 2.1 2.1L14.21 8H20V5H6z"
-  },
-  close: {
-    width: 24, height: 24,
-    path: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
-  },
-  source_code: {
-    width: 24, height: 24,
-    path: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z",
-  },
-  table: {
-    width: 24, height: 24,
-    path: "M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z",
-  },
-  iframe: {
-    width: 24, height: 24,
-    path: "m 22.71,18.43 c 0.03,-0.29 0.04,-0.58 0.01,-0.86 l 1.07,-0.85 c 0.1,-0.08 0.12,-0.21 0.06,-0.32 L 22.82,14.61 C 22.76,14.5 22.63,14.46 22.51,14.5 L 21.23,15 C 21,14.83 20.75,14.69 20.48,14.58 l -0.2,-1.36 C 20.26,13.09 20.16,13 20.03,13 h -2.07 c -0.12,0 -0.23,0.09 -0.25,0.21 l -0.2,1.36 c -0.26,0.11 -0.51,0.26 -0.74,0.42 l -1.28,-0.5 c -0.12,-0.05 -0.25,0 -0.31,0.11 l -1.03,1.79 c -0.06,0.11 -0.04,0.24 0.06,0.32 l 1.07,0.86 c -0.03,0.29 -0.04,0.58 -0.01,0.86 l -1.07,0.85 c -0.1,0.08 -0.12,0.21 -0.06,0.32 l 1.03,1.79 c 0.06,0.11 0.19,0.15 0.31,0.11 L 16.75,21 c 0.23,0.17 0.48,0.31 0.75,0.42 l 0.2,1.36 c 0.02,0.12 0.12,0.21 0.25,0.21 h 2.07 c 0.12,0 0.23,-0.09 0.25,-0.21 l 0.2,-1.36 c 0.26,-0.11 0.51,-0.26 0.74,-0.42 l 1.28,0.5 c 0.12,0.05 0.25,0 0.31,-0.11 l 1.03,-1.79 c 0.06,-0.11 0.04,-0.24 -0.06,-0.32 z M 19,19.5 c -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5 0,0.83 -0.67,1.5 -1.5,1.5 z M 15,12 9,8 v 8 z M 3,6 h 18 v 5 h 2 V 6 C 23,4.9 22.1,4 21,4 H 3 C 1.9,4 1,4.9 1,6 v 12 c 0,1.1 0.9,2 2,2 h 9 V 18 H 3 Z",
-  },
-  details: {
-    width: 24, height: 24,
-    path: "m 7,10 5,5 5,-5 z M 19,2.5 H 5 c -1.11,0 -2,0.9 -2,2 v 14 c 0,1.1 0.89,2 2,2 h 14 c 1.1,0 2,-0.9 2,-2 v -14 c 0,-1.1 -0.89,-2 -2,-2 z m 0,16 H 5 v -12 h 14 z",
-  }
-};
-
-const SVG = "http://www.w3.org/2000/svg"
-const XLINK = "http://www.w3.org/1999/xlink"
-
-const prefix = "ProseMirror-icon"
-
-function hashPath(path) {
-  let hash = 0
-  for (let i = 0; i < path.length; i++)
-    hash = (((hash << 5) - hash) + path.charCodeAt(i)) | 0
-  return hash
-}
-
-export function getIcon(icon) {
-  let node = document.createElement("div")
-  node.className = prefix
-  if (icon.path) {
-    let name = "pm-icon-" + hashPath(icon.path).toString(16)
-    if (!document.getElementById(name)) buildSVG(name, icon)
-    let svg = node.appendChild(document.createElementNS(SVG, "svg"))
-    svg.style.width = (icon.width / icon.height) + "em"
-    let use = svg.appendChild(document.createElementNS(SVG, "use"))
-    use.setAttributeNS(XLINK, "href", /([^#]*)/.exec(document.location)[1] + "#" + name)
-  } else if (icon.dom) {
-    node.appendChild(icon.dom.cloneNode(true))
-  } else {
-    node.appendChild(document.createElement("span")).textContent = icon.text || ''
-    if (icon.css) node.firstChild.style.cssText = icon.css
-  }
-  return node
-}
-
-function buildSVG(name, data) {
-  let collection = document.getElementById(prefix + "-collection")
-  if (!collection) {
-    collection = document.createElementNS(SVG, "svg")
-    collection.id = prefix + "-collection"
-    collection.style.display = "none"
-    document.body.insertBefore(collection, document.body.firstChild)
-  }
-  let sym = document.createElementNS(SVG, "symbol")
-  sym.id = name
-  sym.setAttribute("viewBox", "0 0 " + data.width + " " + data.height)
-  let path = sym.appendChild(document.createElementNS(SVG, "path"))
-  path.setAttribute("d", data.path)
-  collection.appendChild(sym)
-}

resources/js/editor/menu/index.js

@@ -1,207 +0,0 @@
-import {
-    MenuItem, Dropdown, DropdownSubmenu, renderGrouped, joinUpItem, liftItem, selectParentNodeItem,
-    undoItem, redoItem, wrapItem, blockTypeItem, setAttrItem, insertBlockBeforeItem,
-} from "./menu"
-import {icons} from "./icons";
-import ColorPickerGrid from "./ColorPickerGrid";
-import TableCreatorGrid from "./TableCreatorGrid";
-import {toggleMark} from "prosemirror-commands";
-import {menuBar} from "./menubar"
-import schema from "../schema";
-import {removeMarks} from "../commands";
-
-import itemAnchorButtonItem from "./item-anchor-button";
-import itemHtmlSourceButton from "./item-html-source-button";
-import itemIframeButton from "./item-iframe-button";
-
-
-function cmdItem(cmd, options) {
-    const passedOptions = {
-        label: options.title,
-        run: cmd
-    };
-    for (const prop in options) {
-        passedOptions[prop] = options[prop];
-    }
-    if ((!options.enable || options.enable === true) && !options.select) {
-        passedOptions[options.enable ? "enable" : "select"] = function (state) {
-            return cmd(state);
-        };
-    }
-
-    return new MenuItem(passedOptions)
-}
-
-function markActive(state, type) {
-    const ref = state.selection;
-    const from = ref.from;
-    const $from = ref.$from;
-    const to = ref.to;
-    const empty = ref.empty;
-    if (empty) {
-        return type.isInSet(state.storedMarks || $from.marks())
-    } else {
-        return state.doc.rangeHasMark(from, to, type)
-    }
-}
-
-function markItem(markType, options) {
-    const passedOptions = {
-        active: function active(state) {
-            return markActive(state, markType)
-        },
-        enable: true
-    };
-    for (const prop in options) {
-        passedOptions[prop] = options[prop];
-    }
-
-    return cmdItem(toggleMark(markType, passedOptions.attrs), passedOptions)
-}
-
-const inlineStyles = [
-    markItem(schema.marks.strong, {title: "Bold", icon: icons.strong}),
-    markItem(schema.marks.em, {title: "Italic", icon: icons.em}),
-    markItem(schema.marks.underline, {title: "Underline", icon: icons.underline}),
-    markItem(schema.marks.strike, {title: "Strikethrough", icon: icons.strike}),
-    markItem(schema.marks.superscript, {title: "Superscript", icon: icons.superscript}),
-    markItem(schema.marks.subscript, {title: "Subscript", icon: icons.subscript}),
-];
-
-const formats = [
-    blockTypeItem(schema.nodes.heading, {
-        label: "Header Large",
-        attrs: {level: 2}
-    }),
-    blockTypeItem(schema.nodes.heading, {
-        label: "Header Medium",
-        attrs: {level: 3}
-    }),
-    blockTypeItem(schema.nodes.heading, {
-        label: "Header Small",
-        attrs: {level: 4}
-    }),
-    blockTypeItem(schema.nodes.heading, {
-        label: "Header Tiny",
-        attrs: {level: 5}
-    }),
-    blockTypeItem(schema.nodes.paragraph, {
-        label: "Paragraph",
-        attrs: {}
-    }),
-    markItem(schema.marks.code, {
-        label: "Inline Code",
-        attrs: {}
-    }),
-    new DropdownSubmenu([
-        blockTypeItem(schema.nodes.callout, {
-            label: "Info Callout",
-            attrs: {type: 'info'}
-        }),
-        blockTypeItem(schema.nodes.callout, {
-            label: "Danger Callout",
-            attrs: {type: 'danger'}
-        }),
-        blockTypeItem(schema.nodes.callout, {
-            label: "Success Callout",
-            attrs: {type: 'success'}
-        }),
-        blockTypeItem(schema.nodes.callout, {
-            label: "Warning Callout",
-            attrs: {type: 'warning'}
-        })
-    ], { label: 'Callouts' }),
-];
-
-const alignments = [
-    setAttrItem('align', 'left', {
-        icon: icons.align_left
-    }),
-    setAttrItem('align', 'center', {
-        icon: icons.align_center
-    }),
-    setAttrItem('align', 'right', {
-        icon: icons.align_right
-    }),
-    setAttrItem('align', 'justify', {
-        icon: icons.align_justify
-    }),
-];
-
-const colorOptions = ["#000000","#993300","#333300","#003300","#003366","#000080","#333399","#333333","#800000","#FF6600","#808000","#008000","#008080","#0000FF","#666699","#808080","#FF0000","#FF9900","#99CC00","#339966","#33CCCC","#3366FF","#800080","#999999","#FF00FF","#FFCC00","#FFFF00","#00FF00","#00FFFF","#00CCFF","#993366","#FFFFFF","#FF99CC","#FFCC99","#FFFF99","#CCFFCC","#CCFFFF","#99CCFF","#CC99FF"];
-
-const colors = [
-    new DropdownSubmenu([
-        new ColorPickerGrid(schema.marks.text_color, 'color', colorOptions),
-    ], {icon: icons.text_color}),
-    new DropdownSubmenu([
-        new ColorPickerGrid(schema.marks.background_color, 'color', colorOptions),
-    ], {icon: icons.background_color}),
-];
-
-const lists = [
-    wrapItem(schema.nodes.bullet_list, {
-        title: "Bullet List",
-        icon: icons.bullet_list,
-    }),
-    wrapItem(schema.nodes.ordered_list, {
-        title: "Ordered List",
-        icon: icons.ordered_list,
-    }),
-];
-
-const inserts = [
-    itemAnchorButtonItem(),
-    insertBlockBeforeItem(schema.nodes.horizontal_rule, {
-        title: "Horizontal Rule",
-        icon: icons.horizontal_rule,
-    }),
-    new DropdownSubmenu([
-        new TableCreatorGrid()
-    ], {icon: icons.table}),
-    itemIframeButton(),
-    wrapItem(schema.nodes.details, {
-        title: "Dropdown Block",
-        icon: icons.details,
-    })
-];
-
-const utilities = [
-    new MenuItem({
-        title: 'Clear Formatting',
-        icon: icons.format_clear,
-        run: removeMarks(),
-        enable: state => true,
-    }),
-    itemHtmlSourceButton(),
-];
-
-const menu = menuBar({
-    floating: false,
-    content: [
-        [undoItem, redoItem],
-        [new DropdownSubmenu(formats, { label: 'Formats' })],
-        inlineStyles,
-        colors,
-        alignments,
-        lists,
-        inserts,
-        utilities,
-    ],
-});
-
-export default menu;
-
-// !! This module defines a number of building blocks for ProseMirror
-// menus, along with a [menu bar](#menu.menuBar) implementation.
-
-// MenuElement:: interface
-// The types defined in this module aren't the only thing you can
-// display in your menu. Anything that conforms to this interface can
-// be put into a menu structure.
-//
-//   render:: (pm: EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-//   Render the element for display in the menu. Must return a DOM
-//   element and a function that can be used to update the element to
-//   a new state. The `update` function will return false if the
-//   update hid the entire element.

resources/js/editor/menu/item-anchor-button.js

@@ -1,120 +0,0 @@
-import DialogBox from "./DialogBox";
-import DialogForm from "./DialogForm";
-import DialogInput from "./DialogInput";
-import DialogRadioOptions from "./DialogRadioOptions";
-import schema from "../schema";
-
-import {MenuItem} from "./menu";
-import {icons} from "./icons";
-import {expandSelectionToMark, nullifyEmptyValues} from "../util";
-
-/**
- * @param {PmMarkType} markType
- * @param {String} attribute
- * @return {(function(PmEditorState): (string|null))}
- */
-function getMarkAttribute(markType, attribute) {
-    return function (state) {
-        const marks = state.selection.$head.marks();
-        for (const mark of marks) {
-            if (mark.type === markType) {
-                return mark.attrs[attribute];
-            }
-        }
-
-        return null;
-    };
-}
-
-/**
- * @param {(function(FormData))} submitter
- * @param {Function} closer
- * @return {DialogBox}
- */
-function getLinkDialog(submitter, closer) {
-    return new DialogBox([
-        new DialogForm([
-            new DialogInput({
-                label: 'URL',
-                id: 'href',
-                value: getMarkAttribute(schema.marks.link, 'href'),
-            }),
-            new DialogInput({
-                label: 'Hover Label',
-                id: 'title',
-                value: getMarkAttribute(schema.marks.link, 'title'),
-            }),
-            new DialogRadioOptions({
-                "Same tab or window": "",
-                "New tab or window": "_blank",
-            }, {
-                label: 'Behaviour',
-                id: 'target',
-                value: getMarkAttribute(schema.marks.link, 'target'),
-            })
-        ], {
-            canceler: closer,
-            action: submitter,
-        }),
-    ], {
-        label: 'Insert Link',
-        closer: closer,
-    });
-}
-
-/**
- * @param {FormData} formData
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @return {boolean}
- */
-function applyLink(formData, state, dispatch) {
-    const selection = state.selection;
-    const attrs = nullifyEmptyValues(Object.fromEntries(formData));
-    if (!dispatch) return true;
-
-    const tr = state.tr;
-    const {from, to} = expandSelectionToMark(state, selection, schema.marks.link);
-
-    if (attrs.href) {
-        tr.addMark(from, to, schema.marks.link.create(attrs));
-    } else {
-        tr.removeMark(from, to, schema.marks.link);
-    }
-
-    dispatch(tr);
-    return true;
-}
-
-/**
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @param {PmView} view
- * @param {Event} e
- */
-function onPress(state, dispatch, view, e) {
-    const dialog = getLinkDialog((data) => {
-        applyLink(data, state, dispatch);
-        dom.remove();
-    }, () => {
-        dom.remove();
-    })
-
-    const {dom, update} = dialog.render(view);
-    update(state);
-    document.body.appendChild(dom);
-}
-
-/**
- * @return {MenuItem}
- */
-function anchorButtonItem() {
-    return new MenuItem({
-        title: "Insert/Edit Anchor Link",
-        run: onPress,
-        enable: state => true,
-        icon: icons.link,
-    });
-}
-
-export default anchorButtonItem;

resources/js/editor/menu/item-html-source-button.js

@@ -1,87 +0,0 @@
-import DialogBox from "./DialogBox";
-import DialogForm from "./DialogForm";
-import DialogTextArea from "./DialogTextArea";
-
-import {MenuItem} from "./menu";
-import {icons} from "./icons";
-import {htmlToDoc, stateToHtml} from "../util";
-
-/**
- * @param {(function(FormData))} submitter
- * @param {Function} closer
- * @return {DialogBox}
- */
-function getLinkDialog(submitter, closer) {
-    return new DialogBox([
-        new DialogForm([
-            new DialogTextArea({
-                id: 'source',
-                value: stateToHtml,
-                attrs: {
-                    rows: 10,
-                    cols: 50,
-                }
-            }),
-        ], {
-            canceler: closer,
-            action: submitter,
-        }),
-    ], {
-        label: 'View/Edit HTML Source',
-        closer: closer,
-    });
-}
-
-/**
- * @param {FormData} formData
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @return {boolean}
- */
-function replaceEditorHtml(formData, state, dispatch) {
-    const html = formData.get('source');
-
-    if (dispatch) {
-        const tr = state.tr;
-
-        const newDoc = htmlToDoc(html);
-        tr.replaceWith(0, state.doc.content.size, newDoc.content);
-        dispatch(tr);
-    }
-
-    return true;
-}
-
-
-/**
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @param {PmView} view
- * @param {Event} e
- */
-function onPress(state, dispatch, view, e) {
-    const dialog = getLinkDialog((data) => {
-        replaceEditorHtml(data, state, dispatch);
-        dom.remove();
-    }, () => {
-        dom.remove();
-    })
-
-    const {dom, update} = dialog.render(view);
-    update(state);
-    document.body.appendChild(dom);
-}
-
-/**
- * @return {MenuItem}
- */
-function htmlSourceButtonItem() {
-    return new MenuItem({
-        title: "View HTML Source",
-        run: onPress,
-        enable: state => true,
-        icon: icons.source_code,
-    });
-}
-
-export default htmlSourceButtonItem;

resources/js/editor/menu/item-iframe-button.js

@@ -1,115 +0,0 @@
-import DialogBox from "./DialogBox";
-import DialogForm from "./DialogForm";
-import DialogInput from "./DialogInput";
-import schema from "../schema";
-
-import {MenuItem} from "./menu";
-import {icons} from "./icons";
-import {nullifyEmptyValues} from "../util";
-
-/**
- * @param {PmNodeType} nodeType
- * @param {String} attribute
- * @return {(function(PmEditorState): (string|null))}
- */
-function getNodeAttribute(nodeType, attribute) {
-    return function (state) {
-        const node = state.selection.node;
-        if (node && node.type === nodeType) {
-            return node.attrs[attribute];
-        }
-
-        return null;
-    };
-}
-
-/**
- * @param {(function(FormData))} submitter
- * @param {Function} closer
- * @return {DialogBox}
- */
-function getLinkDialog(submitter, closer) {
-    return new DialogBox([
-        new DialogForm([
-            new DialogInput({
-                label: 'Source URL',
-                id: 'src',
-                value: getNodeAttribute(schema.nodes.iframe, 'src'),
-            }),
-            new DialogInput({
-                label: 'Hover Label',
-                id: 'title',
-                value: getNodeAttribute(schema.nodes.iframe, 'title'),
-            }),
-            new DialogInput({
-                label: 'Width',
-                id: 'width',
-                value: getNodeAttribute(schema.nodes.iframe, 'width'),
-            }),
-            new DialogInput({
-                label: 'Height',
-                id: 'height',
-                value: getNodeAttribute(schema.nodes.iframe, 'height'),
-            }),
-        ], {
-            canceler: closer,
-            action: submitter,
-        }),
-    ], {
-        label: 'Insert Embedded Content',
-        closer: closer,
-    });
-}
-
-/**
- * @param {FormData} formData
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @return {boolean}
- */
-function applyIframe(formData, state, dispatch) {
-    const attrs = nullifyEmptyValues(Object.fromEntries(formData));
-    if (!dispatch) return true;
-
-    const tr = state.tr;
-    const currentNodeAttrs = state.selection?.nodes?.attrs || {};
-    const newAttrs = Object.assign({}, currentNodeAttrs, attrs);
-    tr.replaceSelectionWith(schema.nodes.iframe.create(newAttrs));
-
-    dispatch(tr);
-    return true;
-}
-
-/**
- * @param {PmEditorState} state
- * @param {PmDispatchFunction} dispatch
- * @param {PmView} view
- * @param {Event} e
- */
-function onPress(state, dispatch, view, e) {
-    const dialog = getLinkDialog((data) => {
-        applyIframe(data, state, dispatch);
-        dom.remove();
-    }, () => {
-        dom.remove();
-    })
-
-    const {dom, update} = dialog.render(view);
-    update(state);
-    document.body.appendChild(dom);
-}
-
-/**
- * @return {MenuItem}
- */
-function iframeButtonItem() {
-    return new MenuItem({
-        title: "Embed Content",
-        run: onPress,
-        enable: state => true,
-        active: state => (state.selection.node || {type: ''}).type === schema.nodes.iframe,
-        icon: icons.iframe,
-    });
-}
-
-export default iframeButtonItem;

resources/js/editor/menu/menu-utils.js

@@ -1,39 +0,0 @@
-import crel from "crelt";
-
-export const prefix = "ProseMirror-menu";
-
-export function renderDropdownItems(items, view) {
-    let rendered = [], updates = []
-    for (let i = 0; i < items.length; i++) {
-        let {dom, update} = items[i].render(view)
-        rendered.push(crel("div", {class: prefix + "-dropdown-item"}, dom))
-        updates.push(update)
-    }
-    return {dom: rendered, update: combineUpdates(updates, rendered)}
-}
-
-export function renderItems(items, view) {
-    let rendered = [], updates = []
-    for (let i = 0; i < items.length; i++) {
-        let {dom, update} = items[i].render(view)
-        rendered.push(dom);
-        updates.push(update)
-    }
-    return {dom: rendered, update: combineUpdates(updates, rendered)}
-}
-
-export function combineUpdates(updates, nodes) {
-    return state => {
-        let something = false
-        for (let i = 0; i < updates.length; i++) {
-            let up = updates[i](state)
-            nodes[i].style.display = up ? "" : "none"
-            if (up) something = true
-        }
-        return something
-    }
-}
-
-export function randHtmlId() {
-    return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 9);
-}

resources/js/editor/menu/menu.js

@@ -1,419 +0,0 @@
-/**
- * This file originates from https://github.com/ProseMirror/prosemirror-menu
- * and is hence subject to the MIT license found here:
- * https://github.com/ProseMirror/prosemirror-menu/blob/master/LICENSE
- * @copyright Marijn Haverbeke and others
- */
-
-import crel from "crelt"
-import {lift, joinUp, selectParentNode, wrapIn, setBlockType, toggleMark} from "prosemirror-commands"
-import {undo, redo} from "prosemirror-history"
-import {setBlockAttr, insertBlockBefore} from "../commands";
-import {renderDropdownItems, combineUpdates} from "./menu-utils";
-
-import {getIcon, icons} from "./icons"
-import {prefix} from "./menu-utils";
-
-// ::- An icon or label that, when clicked, executes a command.
-export class MenuItem {
-  // :: (MenuItemSpec)
-  constructor(spec) {
-    // :: MenuItemSpec
-    // The spec used to create the menu item.
-    this.spec = spec
-  }
-
-  // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-  // Renders the icon according to its [display
-  // spec](#menu.MenuItemSpec.display), and adds an event handler which
-  // executes the command when the representation is clicked.
-  render(view) {
-    let spec = this.spec
-    let dom = spec.render ? spec.render(view)
-        : spec.icon ? getIcon(spec.icon)
-        : spec.label ? crel("div", null, translate(view, spec.label))
-        : null
-    if (!dom) throw new RangeError("MenuItem without icon or label property")
-    if (spec.title) {
-      const title = (typeof spec.title === "function" ? spec.title(view.state) : spec.title)
-      dom.setAttribute("title", translate(view, title))
-    }
-    if (spec.class) dom.classList.add(spec.class)
-    if (spec.css) dom.style.cssText += spec.css
-
-    dom.addEventListener("mousedown", e => {
-      e.preventDefault()
-      if (!dom.classList.contains(prefix + "-disabled"))
-        spec.run(view.state, view.dispatch, view, e)
-    })
-
-    function update(state) {
-      if (spec.select) {
-        let selected = spec.select(state)
-        dom.style.display = selected ? "" : "none"
-        if (!selected) return false
-      }
-      let enabled = true
-      if (spec.enable) {
-        enabled = spec.enable(state) || false
-        setClass(dom, prefix + "-disabled", !enabled)
-      }
-      if (spec.active) {
-        let active = enabled && spec.active(state) || false
-        setClass(dom, prefix + "-active", active)
-      }
-      return true
-    }
-
-    return {dom, update}
-  }
-}
-
-function translate(view, text) {
-  return view._props.translate ? view._props.translate(text) : text
-}
-
-// MenuItemSpec:: interface
-// The configuration object passed to the `MenuItem` constructor.
-//
-//   run:: (EditorState, (Transaction), EditorView, dom.Event)
-//   The function to execute when the menu item is activated.
-//
-//   select:: ?(EditorState) → bool
-//   Optional function that is used to determine whether the item is
-//   appropriate at the moment. Deselected items will be hidden.
-//
-//   enable:: ?(EditorState) → bool
-//   Function that is used to determine if the item is enabled. If
-//   given and returning false, the item will be given a disabled
-//   styling.
-//
-//   active:: ?(EditorState) → bool
-//   A predicate function to determine whether the item is 'active' (for
-//   example, the item for toggling the strong mark might be active then
-//   the cursor is in strong text).
-//
-//   render:: ?(EditorView) → dom.Node
-//   A function that renders the item. You must provide either this,
-//   [`icon`](#menu.MenuItemSpec.icon), or [`label`](#MenuItemSpec.label).
-//
-//   icon:: ?Object
-//   Describes an icon to show for this item. The object may specify
-//   an SVG icon, in which case its `path` property should be an [SVG
-//   path
-//   spec](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d),
-//   and `width` and `height` should provide the viewbox in which that
-//   path exists. Alternatively, it may have a `text` property
-//   specifying a string of text that makes up the icon, with an
-//   optional `css` property giving additional CSS styling for the
-//   text. _Or_ it may contain `dom` property containing a DOM node.
-//
-//   label:: ?string
-//   Makes the item show up as a text label. Mostly useful for items
-//   wrapped in a [drop-down](#menu.Dropdown) or similar menu. The object
-//   should have a `label` property providing the text to display.
-//
-//   title:: ?union<string, (EditorState) → string>
-//   Defines DOM title (mouseover) text for the item.
-//
-//   class:: ?string
-//   Optionally adds a CSS class to the item's DOM representation.
-//
-//   css:: ?string
-//   Optionally adds a string of inline CSS to the item's DOM
-//   representation.
-
-let lastMenuEvent = {time: 0, node: null}
-function markMenuEvent(e) {
-  lastMenuEvent.time = Date.now()
-  lastMenuEvent.node = e.target
-}
-function isMenuEvent(wrapper) {
-  return Date.now() - 100 < lastMenuEvent.time &&
-    lastMenuEvent.node && wrapper.contains(lastMenuEvent.node)
-}
-
-// ::- A drop-down menu, displayed as a label with a downwards-pointing
-// triangle to the right of it.
-export class Dropdown {
-  // :: ([MenuElement], ?Object)
-  // Create a dropdown wrapping the elements. Options may include
-  // the following properties:
-  //
-  // **`label`**`: string`
-  //   : The label to show on the drop-down control.
-  //
-  // **`title`**`: string`
-  //   : Sets the
-  //     [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title)
-  //     attribute given to the menu control.
-  //
-  // **`class`**`: string`
-  //   : When given, adds an extra CSS class to the menu control.
-  //
-  // **`css`**`: string`
-  //   : When given, adds an extra set of CSS styles to the menu control.
-  constructor(content, options) {
-    this.options = options || {}
-    this.content = Array.isArray(content) ? content : [content]
-  }
-
-  // :: (EditorView) → {dom: dom.Node, update: (EditorState)}
-  // Render the dropdown menu and sub-items.
-  render(view) {
-    let content = renderDropdownItems(this.content, view)
-
-    let label = crel("div", {class: prefix + "-dropdown " + (this.options.class || ""),
-                             style: this.options.css},
-                     translate(view, this.options.label))
-    if (this.options.title) label.setAttribute("title", translate(view, this.options.title))
-    let wrap = crel("div", {class: prefix + "-dropdown-wrap"}, label)
-    let open = null, listeningOnClose = null
-    let close = () => {
-      if (open && open.close()) {
-        open = null
-        window.removeEventListener("mousedown", listeningOnClose)
-      }
-    }
-    label.addEventListener("mousedown", e => {
-      e.preventDefault()
-      markMenuEvent(e)
-      if (open) {
-        close()
-      } else {
-        open = this.expand(wrap, content.dom)
-        window.addEventListener("mousedown", listeningOnClose = () => {
-          if (!isMenuEvent(wrap)) close()
-        })
-      }
-    })
-
-    function update(state) {
-      let inner = content.update(state)
-      wrap.style.display = inner ? "" : "none"
-      return inner
-    }
-
-    return {dom: wrap, update}
-  }
-
-  expand(dom, items) {
-    let menuDOM = crel("div", {class: prefix + "-dropdown-menu " + (this.options.class || "")}, items)
-
-    let done = false
-    function close() {
-      if (done) return
-      done = true
-      dom.removeChild(menuDOM)
-      return true
-    }
-    dom.appendChild(menuDOM)
-    return {close, node: menuDOM}
-  }
-}
-
-
-// ::- Represents a submenu wrapping a group of elements that start
-// hidden and expand to the right when hovered over or tapped.
-export class DropdownSubmenu {
-  // :: ([MenuElement], ?Object)
-  // Creates a submenu for the given group of menu elements. The
-  // following options are recognized:
-  //
-  // **`label`**`: string`
-  //   : The label to show on the submenu.
-  constructor(content, options) {
-    this.options = options || {}
-    this.content = Array.isArray(content) ? content : [content]
-  }
-
-  // :: (EditorView) → {dom: dom.Node, update: (EditorState) → bool}
-  // Renders the submenu.
-  render(view) {
-    const items = renderDropdownItems(this.content, view)
-
-    const handleContent = this.options.icon ? getIcon(this.options.icon) : crel("div", {class: prefix + "-submenu-label"}, translate(view, this.options.label));
-    const wrap = crel("div", {class: prefix + "-submenu-wrap"}, handleContent,
-                   crel("div", {class: prefix + "-submenu"}, items.dom))
-    let listeningOnClose = null
-    handleContent.addEventListener("mousedown", e => {
-      e.preventDefault()
-      markMenuEvent(e)
-      setClass(wrap, prefix + "-submenu-wrap-active")
-      if (!listeningOnClose)
-        window.addEventListener("mousedown", listeningOnClose = () => {
-          if (!isMenuEvent(wrap)) {
-            wrap.classList.remove(prefix + "-submenu-wrap-active")
-            window.removeEventListener("mousedown", listeningOnClose)
-            listeningOnClose = null
-          }
-        })
-    })
-
-    function update(state) {
-      let inner = items.update(state)
-      wrap.style.display = inner ? "" : "none"
-      return inner
-    }
-    return {dom: wrap, update}
-  }
-}
-
-// :: (EditorView, [[MenuElement]]) → {dom: dom.DocumentFragment, update: (EditorState) → bool}
-// Render the given, possibly nested, array of menu elements into a
-// document fragment, placing separators between them (and ensuring no
-// superfluous separators appear when some of the groups turn out to
-// be empty).
-export function renderGrouped(view, content) {
-  let result = document.createDocumentFragment()
-  let updates = [], separators = []
-  for (let i = 0; i < content.length; i++) {
-    let items = content[i], localUpdates = [], localNodes = []
-    for (let j = 0; j < items.length; j++) {
-      let {dom, update} = items[j].render(view)
-      let span = crel("span", {class: prefix + "item"}, dom)
-      result.appendChild(span)
-      localNodes.push(span)
-      localUpdates.push(update)
-    }
-    if (localUpdates.length) {
-      updates.push(combineUpdates(localUpdates, localNodes))
-      if (i < content.length - 1)
-        separators.push(result.appendChild(separator()))
-    }
-  }
-
-  function update(state) {
-    let something = false, needSep = false
-    for (let i = 0; i < updates.length; i++) {
-      let hasContent = updates[i](state)
-      if (i) separators[i - 1].style.display = needSep && hasContent ? "" : "none"
-      needSep = hasContent
-      if (hasContent) something = true
-    }
-    return something
-  }
-  return {dom: result, update}
-}
-
-function separator() {
-  return crel("span", {class: prefix + "separator"})
-}
-
-
-// :: MenuItem
-// Menu item for the `joinUp` command.
-export const joinUpItem = new MenuItem({
-  title: "Join with above block",
-  run: joinUp,
-  select: state => joinUp(state),
-  icon: icons.join
-})
-
-// :: MenuItem
-// Menu item for the `lift` command.
-export const liftItem = new MenuItem({
-  title: "Lift out of enclosing block",
-  run: lift,
-  select: state => lift(state),
-  icon: icons.lift
-})
-
-// :: MenuItem
-// Menu item for the `selectParentNode` command.
-export const selectParentNodeItem = new MenuItem({
-  title: "Select parent node",
-  run: selectParentNode,
-  select: state => selectParentNode(state),
-  icon: icons.selectParentNode
-})
-
-// :: MenuItem
-// Menu item for the `undo` command.
-export let undoItem = new MenuItem({
-  title: "Undo last change",
-  run: undo,
-  enable: state => undo(state),
-  icon: icons.undo
-})
-
-// :: MenuItem
-// Menu item for the `redo` command.
-export let redoItem = new MenuItem({
-  title: "Redo last undone change",
-  run: redo,
-  enable: state => redo(state),
-  icon: icons.redo
-})
-
-// :: (NodeType, Object) → MenuItem
-// Build a menu item for wrapping the selection in a given node type.
-// Adds `run` and `select` properties to the ones present in
-// `options`. `options.attrs` may be an object or a function.
-export function wrapItem(nodeType, options) {
-  let passedOptions = {
-    run(state, dispatch) {
-      // FIXME if (options.attrs instanceof Function) options.attrs(state, attrs => wrapIn(nodeType, attrs)(state))
-      return wrapIn(nodeType, options.attrs)(state, dispatch)
-    },
-    select(state) {
-      return wrapIn(nodeType, options.attrs instanceof Function ? null : options.attrs)(state)
-    }
-  }
-  for (let prop in options) passedOptions[prop] = options[prop]
-  return new MenuItem(passedOptions)
-}
-
-// :: (NodeType, Object) → MenuItem
-// Build a menu item for changing the type of the textblock around the
-// selection to the given type. Provides `run`, `active`, and `select`
-// properties. Others must be given in `options`. `options.attrs` may
-// be an object to provide the attributes for the textblock node.
-export function blockTypeItem(nodeType, options) {
-  let command = setBlockType(nodeType, options.attrs)
-  let passedOptions = {
-    run: command,
-    enable(state) { return command(state) },
-    active(state) {
-      let {$from, to, node} = state.selection
-      if (node) return node.hasMarkup(nodeType, options.attrs)
-      return to <= $from.end() && $from.parent.hasMarkup(nodeType, options.attrs)
-    }
-  }
-  for (let prop in options) passedOptions[prop] = options[prop]
-  return new MenuItem(passedOptions)
-}
-
-export function setAttrItem(attrName, attrValue, options) {
-  const command = setBlockAttr(attrName, attrValue);
-  const passedOptions = {
-    run: command,
-    enable(state) { return command(state) },
-    active(state) {
-      const {$from, to, node} = state.selection
-      if (node) return node.attrs[attrValue] === attrValue;
-      return to <= $from.end() && $from.parent.attrs[attrValue] === attrValue;
-    }
-  }
-  for (const prop in options) passedOptions[prop] = options[prop]
-  return new MenuItem(passedOptions)
-}
-
-export function insertBlockBeforeItem(blockType, options) {
-  const command = insertBlockBefore(blockType);
-  const passedOptions = {
-    run: command,
-    enable(state) { return command(state) },
-    active(state) {
-      return false;
-    }
-  }
-  for (const prop in options) passedOptions[prop] = options[prop]
-  return new MenuItem(passedOptions);
-}
-
-// Work around classList.toggle being broken in IE11
-function setClass(dom, cls, on) {
-  if (on) dom.classList.add(cls)
-  else dom.classList.remove(cls)
-}

resources/js/editor/menu/menubar.js

@@ -1,163 +0,0 @@
-/**
- * This file originates from https://github.com/ProseMirror/prosemirror-menu
- * and is hence subject to the MIT license found here:
- * https://github.com/ProseMirror/prosemirror-menu/blob/master/LICENSE
- * @copyright Marijn Haverbeke and others
- */
-
-import crel from "crelt"
-import {Plugin} from "prosemirror-state"
-
-import {renderGrouped} from "./menu"
-
-const prefix = "ProseMirror-menubar"
-
-function isIOS() {
-  if (typeof navigator == "undefined") return false
-  let agent = navigator.userAgent
-  return !/Edge\/\d/.test(agent) && /AppleWebKit/.test(agent) && /Mobile\/\w+/.test(agent)
-}
-
-// :: (Object) → Plugin
-// A plugin that will place a menu bar above the editor. Note that
-// this involves wrapping the editor in an additional `<div>`.
-//
-//   options::-
-//   Supports the following options:
-//
-//     content:: [[MenuElement]]
-//     Provides the content of the menu, as a nested array to be
-//     passed to `renderGrouped`.
-//
-//     floating:: ?bool
-//     Determines whether the menu floats, i.e. whether it sticks to
-//     the top of the viewport when the editor is partially scrolled
-//     out of view.
-export function menuBar(options) {
-  return new Plugin({
-    view(editorView) { return new MenuBarView(editorView, options) }
-  })
-}
-
-class MenuBarView {
-  constructor(editorView, options) {
-    this.editorView = editorView
-    this.options = options
-
-    this.wrapper = crel("div", {class: prefix + "-wrapper"})
-    this.menu = this.wrapper.appendChild(crel("div", {class: prefix}))
-    this.menu.className = prefix
-    this.spacer = null
-
-    if (editorView.dom.parentNode)
-      editorView.dom.parentNode.replaceChild(this.wrapper, editorView.dom)
-    this.wrapper.appendChild(editorView.dom)
-
-    this.maxHeight = 0
-    this.widthForMaxHeight = 0
-    this.floating = false
-
-    let {dom, update} = renderGrouped(this.editorView, this.options.content)
-    this.contentUpdate = update
-    this.menu.appendChild(dom)
-    this.update()
-
-    if (options.floating && !isIOS()) {
-      this.updateFloat()
-      let potentialScrollers = getAllWrapping(this.wrapper)
-      this.scrollFunc = (e) => {
-        let root = this.editorView.root
-        if (!(root.body || root).contains(this.wrapper)) {
-            potentialScrollers.forEach(el => el.removeEventListener("scroll", this.scrollFunc))
-        } else {
-            this.updateFloat(e.target.getBoundingClientRect && e.target)
-        }
-      }
-      potentialScrollers.forEach(el => el.addEventListener('scroll', this.scrollFunc))
-    }
-  }
-
-  update() {
-    this.contentUpdate(this.editorView.state)
-
-    if (this.floating) {
-      this.updateScrollCursor()
-    } else {
-      if (this.menu.offsetWidth != this.widthForMaxHeight) {
-        this.widthForMaxHeight = this.menu.offsetWidth
-        this.maxHeight = 0
-      }
-      if (this.menu.offsetHeight > this.maxHeight) {
-        this.maxHeight = this.menu.offsetHeight
-        this.menu.style.minHeight = this.maxHeight + "px"
-      }
-    }
-  }
-
-  updateScrollCursor() {
-    let selection = this.editorView.root.getSelection()
-    if (!selection.focusNode) return
-    let rects = selection.getRangeAt(0).getClientRects()
-    let selRect = rects[selectionIsInverted(selection) ? 0 : rects.length - 1]
-    if (!selRect) return
-    let menuRect = this.menu.getBoundingClientRect()
-    if (selRect.top < menuRect.bottom && selRect.bottom > menuRect.top) {
-      let scrollable = findWrappingScrollable(this.wrapper)
-      if (scrollable) scrollable.scrollTop -= (menuRect.bottom - selRect.top)
-    }
-  }
-
-  updateFloat(scrollAncestor) {
-    let parent = this.wrapper, editorRect = parent.getBoundingClientRect(),
-        top = scrollAncestor ? Math.max(0, scrollAncestor.getBoundingClientRect().top) : 0
-
-    if (this.floating) {
-      if (editorRect.top >= top || editorRect.bottom < this.menu.offsetHeight + 10) {
-        this.floating = false
-        this.menu.style.position = this.menu.style.left = this.menu.style.top = this.menu.style.width = ""
-        this.menu.style.display = ""
-        this.spacer.parentNode.removeChild(this.spacer)
-        this.spacer = null
-      } else {
-        let border = (parent.offsetWidth - parent.clientWidth) / 2
-        this.menu.style.left = (editorRect.left + border) + "px"
-        this.menu.style.display = (editorRect.top > window.innerHeight ? "none" : "")
-        if (scrollAncestor) this.menu.style.top = top + "px"
-      }
-    } else {
-      if (editorRect.top < top && editorRect.bottom >= this.menu.offsetHeight + 10) {
-        this.floating = true
-        let menuRect = this.menu.getBoundingClientRect()
-        this.menu.style.left = menuRect.left + "px"
-        this.menu.style.width = menuRect.width + "px"
-        if (scrollAncestor) this.menu.style.top = top + "px"
-        this.menu.style.position = "fixed"
-        this.spacer = crel("div", {class: prefix + "-spacer", style: `height: ${menuRect.height}px`})
-        parent.insertBefore(this.spacer, this.menu)
-      }
-    }
-  }
-
-  destroy() {
-    if (this.wrapper.parentNode)
-      this.wrapper.parentNode.replaceChild(this.editorView.dom, this.wrapper)
-  }
-}
-
-// Not precise, but close enough
-function selectionIsInverted(selection) {
-  if (selection.anchorNode == selection.focusNode) return selection.anchorOffset > selection.focusOffset
-  return selection.anchorNode.compareDocumentPosition(selection.focusNode) == Node.DOCUMENT_POSITION_FOLLOWING
-}
-
-function findWrappingScrollable(node) {
-  for (let cur = node.parentNode; cur; cur = cur.parentNode)
-    if (cur.scrollHeight > cur.clientHeight) return cur
-}
-
-function getAllWrapping(node) {
-    let res = [window]
-    for (let cur = node.parentNode; cur; cur = cur.parentNode)
-        res.push(cur)
-    return res
-}

resources/js/editor/node-views/IframeView.js

@@ -1,26 +0,0 @@
-class IframeView {
-    /**
-     * @param {PmNode} node
-     * @param {PmView} view
-     * @param {(function(): number)} getPos
-     */
-    constructor(node, view, getPos) {
-        this.dom = document.createElement('div');
-        this.dom.classList.add('ProseMirror-iframewrap');
-
-        this.iframe = document.createElement("iframe");
-        for (const [key, value] of Object.entries(node.attrs)) {
-            if (value) {
-                this.iframe.setAttribute(key, value);
-            }
-        }
-
-        this.dom.appendChild(this.iframe);
-    }
-
-    stopEvent() {
-        return false;
-    }
-}
-
-export default IframeView;

resources/js/editor/node-views/ImageView.js

@@ -1,197 +0,0 @@
-import {positionHandlesAtCorners, removeHandles, renderHandlesAtCorners} from "./node-view-utils";
-import {NodeSelection} from "prosemirror-state";
-
-class ImageView {
-    /**
-     * @param {PmNode} node
-     * @param {PmView} view
-     * @param {(function(): number)} getPos
-     */
-    constructor(node, view, getPos) {
-        this.dom = document.createElement('div');
-        this.dom.classList.add('ProseMirror-imagewrap');
-
-        this.image = document.createElement("img");
-        this.image.src = node.attrs.src;
-        this.image.alt = node.attrs.alt;
-        if (node.attrs.width) {
-            this.image.width = node.attrs.width;
-        }
-        if (node.attrs.height) {
-            this.image.height = node.attrs.height;
-        }
-
-        this.dom.appendChild(this.image);
-
-        this.handles = [];
-        this.handleDragStartInfo = null;
-        this.handleDragMoveDimensions = null;
-        this.removeHandlesListener = this.removeHandlesListener.bind(this);
-        this.handleMouseMove = this.handleMouseMove.bind(this);
-        this.handleMouseUp = this.handleMouseUp.bind(this);
-        this.handleMouseDown = this.handleMouseDown.bind(this);
-
-        this.dom.addEventListener("click", event => {
-            this.showHandles();
-        });
-
-        // Show handles if selected
-        if (view.state.selection.node === node) {
-            window.setTimeout(() => {
-                this.showHandles();
-            }, 10);
-        }
-
-        this.updateImageDimensions = function (width, height) {
-            const attrs = Object.assign({}, node.attrs, {width, height});
-            let tr = view.state.tr;
-            const position = getPos();
-            tr = tr.setNodeMarkup(position, null, attrs)
-            tr = tr.setSelection(NodeSelection.create(tr.doc, position));
-            view.dispatch(tr);
-        };
-
-    }
-
-    showHandles() {
-        if (this.handles.length === 0) {
-            this.image.dataset.showHandles = 'true';
-            window.addEventListener('click', this.removeHandlesListener);
-            this.handles = renderHandlesAtCorners(this.image);
-            for (const handle of this.handles) {
-                handle.addEventListener('mousedown', this.handleMouseDown);
-            }
-        }
-    }
-
-    removeHandlesListener(event) {
-        if (!this.dom.contains(event.target)) {
-            this.removeHandles();
-            this.handles = [];
-        }
-    }
-
-    removeHandles() {
-        removeHandles(this.handles);
-        window.removeEventListener('click', this.removeHandlesListener);
-        delete this.image.dataset.showHandles;
-    }
-
-    stopEvent() {
-        return false;
-    }
-
-    /**
-     * @param {MouseEvent} event
-     */
-    handleMouseDown(event) {
-        event.preventDefault();
-
-        const imageBounds = this.image.getBoundingClientRect();
-        const handle = event.target;
-        this.handleDragStartInfo = {
-            x: event.screenX,
-            y: event.screenY,
-            ratio: imageBounds.width / imageBounds.height,
-            bounds: imageBounds,
-            handleX: handle.dataset.x,
-            handleY: handle.dataset.y,
-        };
-
-        this.createDragDummy(imageBounds);
-        this.dom.appendChild(this.dragDummy);
-
-        window.addEventListener('mousemove', this.handleMouseMove);
-        window.addEventListener('mouseup', this.handleMouseUp);
-    }
-
-    /**
-     * @param {DOMRect} bounds
-     */
-    createDragDummy(bounds) {
-        this.dragDummy = this.image.cloneNode();
-        this.dragDummy.style.opacity = '0.5';
-        this.dragDummy.classList.add('ProseMirror-dragdummy');
-        this.dragDummy.style.width = bounds.width + 'px';
-        this.dragDummy.style.height = bounds.height + 'px';
-    }
-
-    /**
-     * @param {MouseEvent} event
-     */
-    handleMouseUp(event) {
-        if (this.handleDragMoveDimensions) {
-            const {width, height} = this.handleDragMoveDimensions;
-            this.updateImageDimensions(String(width), String(height));
-        }
-
-        window.removeEventListener('mousemove', this.handleMouseMove);
-        window.removeEventListener('mouseup', this.handleMouseUp);
-        this.handleDragStartInfo = null;
-        this.handleDragMoveDimensions = null;
-        this.dragDummy.remove();
-        positionHandlesAtCorners(this.image, this.handles);
-    }
-
-    /**
-     * @param {MouseEvent} event
-     */
-    handleMouseMove(event) {
-        const originalBounds = this.handleDragStartInfo.bounds;
-
-        // Calculate change in x & y, flip amounts depending on handle
-        let xChange = event.screenX - this.handleDragStartInfo.x;
-        if (this.handleDragStartInfo.handleX === 'left') {
-            xChange = -xChange;
-        }
-        let yChange = event.screenY - this.handleDragStartInfo.y;
-        if (this.handleDragStartInfo.handleY === 'top') {
-            yChange = -yChange;
-        }
-
-        // Prevent images going too small or into negative bounds
-        if (originalBounds.width + xChange < 10) {
-            xChange = -originalBounds.width + 10;
-        }
-        if (originalBounds.height + yChange < 10) {
-            yChange = -originalBounds.height + 10;
-        }
-
-        // Choose the larger dimension change and align the other to keep
-        // image aspect ratio, aligning growth/reduction direction
-        if (Math.abs(xChange) > Math.abs(yChange)) {
-            yChange = Math.floor(xChange * this.handleDragStartInfo.ratio);
-            if (yChange * xChange < 0) {
-                yChange = -yChange;
-            }
-        } else {
-            xChange = Math.floor(yChange / this.handleDragStartInfo.ratio);
-            if (xChange * yChange < 0) {
-                xChange = -xChange;
-            }
-        }
-
-        // Calculate our new sizes
-        const newWidth = originalBounds.width + xChange;
-        const newHeight = originalBounds.height + yChange;
-
-        // Apply the sizes and positioning to our ghost dummy
-        this.dragDummy.style.width = `${newWidth}px`;
-        if (this.handleDragStartInfo.handleX === 'left') {
-            this.dragDummy.style.left = `${-xChange}px`;
-        }
-        this.dragDummy.style.height = `${newHeight}px`;
-        if (this.handleDragStartInfo.handleY === 'top') {
-            this.dragDummy.style.top = `${-yChange}px`;
-        }
-
-        // Update corners and track dimension changes for later application
-        positionHandlesAtCorners(this.dragDummy, this.handles);
-        this.handleDragMoveDimensions = {
-            width: newWidth,
-            height: newHeight,
-        }
-    }
-}
-
-export default ImageView;

resources/js/editor/node-views/TableView.js

@@ -1,21 +0,0 @@
-class TableView {
-    /**
-     * @param {PmNode} node
-     * @param {PmView} view
-     * @param {(function(): number)} getPos
-     */
-    constructor(node, view, getPos) {
-        this.dom = document.createElement("div")
-        this.dom.className = "ProseMirror-tableWrapper"
-        this.table = this.dom.appendChild(document.createElement("table"));
-        this.table.setAttribute('style', node.attrs.style);
-        this.colgroup = this.table.appendChild(document.createElement("colgroup"));
-        this.contentDOM = this.table.appendChild(document.createElement("tbody"));
-    }
-
-    ignoreMutation(record) {
-        return record.type == "attributes" && (record.target == this.table || this.colgroup.contains(record.target))
-    }
-}
-
-export default TableView;

resources/js/editor/node-views/index.js

@@ -1,11 +0,0 @@
-import ImageView from "./ImageView";
-import IframeView from "./IframeView";
-import TableView from "./TableView";
-
-const views = {
-    image: (node, view, getPos) => new ImageView(node, view, getPos),
-    iframe: (node, view, getPos) => new IframeView(node, view, getPos),
-    table: (node, view, getPos) => new TableView(node, view, getPos),
-};
-
-export default views;

resources/js/editor/node-views/node-view-utils.js

@@ -1,58 +0,0 @@
-import crel from "crelt";
-
-/**
- * Render grab handles at the corners of the given element.
- * @param {Element} elem
- * @return {Element[]}
- */
-export function renderHandlesAtCorners(elem) {
-    const handles = [];
-    const baseClass = 'ProseMirror-grabhandle';
-
-    for (let i = 0; i < 4; i++) {
-        const y = (i < 2) ? 'top' : 'bottom';
-        const x = (i === 0 || i === 3) ? 'left' : 'right';
-        const handle = crel('div', {
-            class: `${baseClass} ${baseClass}-${x}-${y}`,
-        });
-        handle.dataset.y = y;
-        handle.dataset.x = x;
-        handles.push(handle);
-        elem.parentNode.appendChild(handle);
-    }
-
-    positionHandlesAtCorners(elem, handles);
-    return handles;
-}
-
-/**
- * @param {Element[]} handles
- */
-export function removeHandles(handles) {
-    for (const handle of handles) {
-        handle.remove();
-    }
-}
-
-/**
- *
- * @param {Element} element
- * @param {[Element, Element, Element, Element]}handles
- */
-export function positionHandlesAtCorners(element, handles) {
-    const bounds = element.getBoundingClientRect();
-    const parentBounds = element.parentElement.getBoundingClientRect();
-    const positions = [
-        {x: bounds.left - parentBounds.left, y: bounds.top - parentBounds.top},
-        {x: bounds.right - parentBounds.left, y: bounds.top - parentBounds.top},
-        {x: bounds.right - parentBounds.left, y: bounds.bottom - parentBounds.top},
-        {x: bounds.left - parentBounds.left, y: bounds.bottom - parentBounds.top},
-    ];
-
-    for (let i = 0; i < 4; i++) {
-        const {x, y} = positions[i];
-        const handle = handles[i];
-        handle.style.left = (x - 6) + 'px';
-        handle.style.top = (y - 6) + 'px';
-    }
-}