Added stash GraphQL mutations. Added movies to GraphQL queries. Moved key management to profile page, only for approved users.

pages/users/@username/+Page.vue

@@ -49,6 +49,13 @@
 					class="domain nolink"
 					:class="{ active: section === 'revisions' && domain === 'actors' }"
 				>Actor Revisions</a>
+
+				<a
+					v-if="profile.isIdentityVerified"
+					:href="`/user/${profile.username}/api`"
+					class="domain nolink"
+					:class="{ active: section === 'api' }"
+				>API Keys</a>
 			</nav>
 
 			<Stashes v-if="section === 'stashes'" />
@@ -58,6 +65,10 @@
 				v-if="section === 'templates' && profile.id === user?.id"
 				:release="mockupRelease"
 			/>
+
+			<ApiKeys
+				v-if="section === 'api'"
+			/>
 		</div>
 
 		<div
@@ -78,6 +89,7 @@ import Stashes from '#/components/stashes/stashes.vue';
 import Alerts from '#/components/alerts/alerts.vue';
 import Summaries from '#/components/scenes/summaries.vue';
 import Revisions from '#/components/edit/revisions.vue';
+import ApiKeys from '#/components/user/api-keys.vue';
 
 const pageContext = inject('pageContext');
 

pages/users/@username/+onBeforeRender.js

@@ -1,6 +1,7 @@
 import { render } from 'vike/abort'; /* eslint-disable-line import/extensions */
 
 import { fetchUser } from '#/src/users.js';
+import { fetchUserKeys } from '#/src/auth.js';
 import { fetchUserStashes } from '#/src/stashes.js';
 import { fetchAlerts } from '#/src/alerts.js';
 import { fetchSceneRevisions } from '#/src/scenes.js';
@@ -29,12 +30,15 @@ async function fetchRevisions(pageContext) {
 }
 
 export async function onBeforeRender(pageContext) {
-	const [profile, alerts, userRevisions] = await Promise.all([
+	const [profile, alerts, userRevisions, keys] = await Promise.all([
 		fetchUser(pageContext.routeParams.username, {}, pageContext.user),
 		pageContext.routeParams.section === 'alerts' && pageContext.routeParams.username === pageContext.user?.username
 			? fetchAlerts(pageContext.user)
 			: [],
 		fetchRevisions(pageContext),
+		pageContext.routeParams.section === 'api'
+			? fetchUserKeys(pageContext.user)
+			: [],
 	]);
 
 	if (!profile) {
@@ -49,8 +53,6 @@ export async function onBeforeRender(pageContext) {
 		avatars,
 	} = userRevisions;
 
-	console.log(userRevisions);
-
 	const stashes = await fetchUserStashes(profile.id, pageContext.user);
 
 	return {
@@ -61,6 +63,7 @@ export async function onBeforeRender(pageContext) {
 				stashes,
 				alerts,
 				revisions,
+				keys,
 				actors,
 				tags,
 				movies,