Added actor profile revisions.

pages/actors/@actorId/+onBeforeRender.js

@@ -1,10 +1,11 @@
-import { render } from 'vike/abort'; /* eslint-disable-line import/extensions */
+import { redirect, render } from 'vike/abort'; /* eslint-disable-line import/extensions */
 
 import { fetchActorsById } from '#/src/actors.js';
 import { fetchScenes } from '#/src/scenes.js';
 import { fetchMovies } from '#/src/movies.js';
 import { curateScenesQuery } from '#/src/web/scenes.js';
 import { curateMoviesQuery } from '#/src/web/movies.js';
+import { fetchCountries } from '#/src/countries.js';
 
 async function fetchReleases(pageContext) {
 	if (pageContext.routeParams.domain === 'movies') {
@@ -33,9 +34,16 @@ async function fetchReleases(pageContext) {
 }
 
 export async function onBeforeRender(pageContext) {
-	const [[actor], actorReleases] = await Promise.all([
+	const isEditing = pageContext._pageId === '/pages/actors/@actorId/edit';
+
+	if (isEditing && !pageContext.user) {
+		throw redirect(`/login?r=${encodeURIComponent(pageContext.urlOriginal)}`);
+	}
+
+	const [[actor], actorReleases, countries] = await Promise.all([
 		fetchActorsById([Number(pageContext.routeParams.actorId)], {}, pageContext.user),
 		fetchReleases(pageContext),
+		isEditing && fetchCountries(),
 	]);
 
 	if (!actor) {
@@ -44,9 +52,12 @@ export async function onBeforeRender(pageContext) {
 
 	return {
 		pageContext: {
-			title: actor.name,
+			title: isEditing
+				? `Editing '${actor.name}'`
+				: actor.name,
 			pageProps: {
 				actor,
+				countries,
 				...actorReleases,
 			},
 		},

pages/actors/@actorId/+route.js

@@ -1,7 +1,7 @@
 import { match } from 'path-to-regexp';
 // import { resolveRoute } from 'vike/routing'; // eslint-disable-line import/extensions
 
-const path = '/actor/:actorId/:actorSlug?/:domain(scenes|movies)?/:scope?/:page?';
+const path = '/actor/:actorId(\\d+)/:actorSlug?/:domain(scenes|movies)?/:scope?/:page?';
 const urlMatch = match(path, { decode: decodeURIComponent });
 
 export default (pageContext) => {

pages/actors/@actorId/edit/+route.js

@@ -0,0 +1 @@
+export default '/actor/edit/@actorId/*';

pages/actors/@actorId/revisions/+Page.vue

@@ -0,0 +1,62 @@
+<template>
+	<div class="content">
+		<div class="revs-header">
+			<h2 class="heading">Revisions for "{{ scene.title }}"</h2>
+
+			<div class="revs-actions">
+				<a
+					:href="`/scene/edit/${scene.id}/${scene.slug}`"
+					class="link"
+				>Edit scene</a>
+
+				<a
+					:href="`/scene/${scene.id}/${scene.slug}`"
+					target="_blank"
+					class="link"
+				>Go to scene</a>
+			</div>
+		</div>
+
+		<Revisions context="scene" />
+	</div>
+</template>
+
+<script setup>
+import { inject } from 'vue';
+
+import Revisions from '#/components/edit/revisions.vue';
+
+const pageContext = inject('pageContext');
+const scene = pageContext.pageProps.scene;
+</script>
+
+<style scoped>
+.content {
+	padding: 1rem;
+	flex-grow: 1;
+}
+
+.revs-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.heading {
+		line-height: 1.5;
+	}
+}
+
+.revs-actions {
+	display: flex;
+	gap: 2rem;
+	flex-shrink: 0;
+}
+
+@media(--compact) {
+	.revs-header {
+		display: flex;
+		flex-direction: column;
+		margin-bottom: 1rem;
+	}
+}
+</style>

pages/actors/@actorId/revisions/+onBeforeRender.js

@@ -0,0 +1,24 @@
+import { fetchActorsById } from '#/src/actors.js';
+import { fetchSceneRevisions } from '#/src/scenes.js';
+
+export async function onBeforeRender(pageContext) {
+	const [actor] = await fetchActorsById([Number(pageContext.routeParams.actorId)], {}, pageContext.user);
+
+	const {
+		revisions,
+	} = await fetchSceneRevisions(null, {
+		sceneId: actor.id,
+		isFinalized: true,
+		limit: 100,
+	}, pageContext.user);
+
+	return {
+		pageContext: {
+			title: `Revisions for '${actor.name}'`,
+			pageProps: {
+				actor,
+				revisions,
+			},
+		},
+	};
+}

pages/actors/@actorId/revisions/+route.js

@@ -0,0 +1 @@
+export default '/actor/revisions/@actorId/*';