init with kirby, vue and pagedjs interactive

public/kirby/config/areas/site/views.php

@@ -0,0 +1,98 @@
+<?php
+
+use Kirby\Cms\App;
+use Kirby\Cms\Find;
+use Kirby\Exception\PermissionException;
+use Kirby\Panel\Ui\Buttons\ViewButtons;
+use Kirby\Toolkit\I18n;
+
+return [
+	'page' => [
+		'pattern' => 'pages/(:any)',
+		'action'  => fn (string $path) => Find::page($path)->panel()->view()
+	],
+	'page.file' => [
+		'pattern' => 'pages/(:any)/files/(:any)',
+		'action'  => function (string $id, string $filename) {
+			return Find::file('pages/' . $id, $filename)->panel()->view();
+		}
+	],
+	'page.preview' => [
+		'pattern' => 'pages/(:any)/preview/(changes|latest|compare)',
+		'action'  => function (string $path, string $versionId) {
+			$page = Find::page($path);
+			$view = $page->panel()->view();
+			$src  = [
+				'latest'  => $page->previewUrl('latest'),
+				'changes' => $page->previewUrl('changes'),
+			];
+
+			if ($src['latest'] === null) {
+				throw new PermissionException('The preview is not available');
+			}
+
+			return [
+				'component' => 'k-preview-view',
+				'props'     => [
+					...$view['props'],
+					'back'    => $view['props']['link'],
+					'buttons' => fn () =>
+						ViewButtons::view('page.preview', model: $page)
+							->defaults(
+								'page.versions',
+								'languages',
+							)
+							->bind(['versionId' => $versionId])
+							->render(),
+					'src'       => $src,
+					'versionId' => $versionId,
+				],
+				'title' => $view['props']['title'] . ' | ' . I18n::translate('preview'),
+			];
+		}
+	],
+	'site' => [
+		'pattern' => 'site',
+		'action'  => fn () => App::instance()->site()->panel()->view()
+	],
+	'site.file' => [
+		'pattern' => 'site/files/(:any)',
+		'action'  => function (string $filename) {
+			return Find::file('site', $filename)->panel()->view();
+		}
+	],
+	'site.preview' => [
+		'pattern' => 'site/preview/(changes|latest|compare)',
+		'action'  => function (string $versionId) {
+			$site = App::instance()->site();
+			$view = $site->panel()->view();
+			$src  = [
+				'latest'  => $site->previewUrl('latest'),
+				'changes' => $site->previewUrl('changes'),
+			];
+
+			if ($src['latest'] === null) {
+				throw new PermissionException('The preview is not available');
+			}
+
+			return [
+				'component' => 'k-preview-view',
+				'props'     => [
+					...$view['props'],
+					'back'    => $view['props']['link'],
+					'buttons' => fn () =>
+						ViewButtons::view('site.preview', model: $site)
+							->defaults(
+								'site.versions',
+								'languages'
+							)
+							->bind(['versionId' => $versionId])
+							->render(),
+					'src'       => $src,
+					'versionId' => $versionId
+				],
+				'title' => I18n::translate('view.site') . ' | ' . I18n::translate('preview'),
+			];
+		}
+	],
+];