build(webapp): migrate to Vike v1 API

https://vike.dev/migration/v1-design

apps/webapp/src/features/+config.h.ts

@@ -0,0 +1,5 @@
+import type { Config } from 'vike/types'
+
+export default {
+  filesystemRoutingRoot: '/',
+} satisfies Config

apps/webapp/src/features/auth/pages/+config.h.ts

@@ -0,0 +1,5 @@
+import type { Config } from 'vike/types'
+
+export default {
+  filesystemRoutingRoot: '/',
+} satisfies Config

apps/webapp/src/features/auth/pages/login.page.tsx → apps/webapp/src/features/auth/pages/login/+Page.tsx

@@ -1,8 +1,8 @@
 import { Link } from '@serieslist/core-ui'
 import React from 'react'
 
-import { AuthLayout } from '../components'
-import { LoginForm } from '../components/LoginForm'
+import { AuthLayout } from '../../components'
+import { LoginForm } from '../../components/LoginForm'
 
 export const Page = () => (
   <AuthLayout

apps/webapp/src/features/auth/pages/login/+guard.ts

@@ -0,0 +1,5 @@
+import type { GuardSync } from 'vike/types'
+
+import { requireNoAuthentication } from '#/utils/redirect'
+
+export const guard: GuardSync = requireNoAuthentication()

apps/webapp/src/features/auth/pages/register.page.tsx → apps/webapp/src/features/auth/pages/register/+Page.tsx

@@ -1,8 +1,8 @@
 import { Link } from '@serieslist/core-ui'
 import React from 'react'
 
-import { AuthLayout } from '../components'
-import { RegisterForm } from '../components/RegisterForm'
+import { AuthLayout } from '../../components'
+import { RegisterForm } from '../../components/RegisterForm'
 
 export const Page = () => (
   <AuthLayout

apps/webapp/src/features/auth/pages/register/+guard.ts

@@ -0,0 +1,5 @@
+import type { GuardSync } from 'vike/types'
+
+import { requireNoAuthentication } from '#/utils/redirect'
+
+export const guard: GuardSync = requireNoAuthentication()

apps/webapp/src/features/series/pages/@id.page.tsx → apps/webapp/src/features/series/pages/@id/+Page.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 import { usePageContext } from '#/hooks'
 
-import { SeriesDetailsPage } from '../components/SeriesDetailsPage'
+import { SeriesDetailsPage } from '../../components/SeriesDetailsPage'
 
 export const Page = () => {
   const ctx = usePageContext()

apps/webapp/src/features/series/pages/list/index.page.route.ts → apps/webapp/src/features/series/pages/list/+guard.ts

@@ -1,10 +1,10 @@
 import { redirect } from 'vike/abort'
 import type { GuardSync } from 'vike/types'
 
+import { requireAuthentication } from '#/utils/redirect'
+
 export const guard: GuardSync = (pageContext) => {
-  if (!pageContext.currentUser) {
-    throw redirect('/')
-  }
+  requireAuthentication()(pageContext)
 
   throw redirect('/series/list/in-progress')
 }

apps/webapp/src/features/series/pages/list/@status.page.tsx → apps/webapp/src/features/series/pages/list/@status/+Page.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 import { UserSeriesStatusStatus } from '#/generated/gql/graphql'
 import { usePageContext } from '#/hooks'
 
-import { UserSeriesListPage } from '../../components/UserSeriesListPage'
+import { UserSeriesListPage } from '../../../components/UserSeriesListPage'
 
 const statuses: Record<string, UserSeriesStatusStatus> = {
   ['in-progress']: UserSeriesStatusStatus.InProgress,

apps/webapp/src/features/series/pages/list/@status/+guard.ts

@@ -0,0 +1,5 @@
+import type { GuardSync } from 'vike/types'
+
+import { requireAuthentication } from '#/utils/redirect'
+
+export const guard: GuardSync = requireAuthentication()

apps/webapp/src/renderer/_error.page.tsx → apps/webapp/src/pages/_error/+Page.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { usePageContext } from '#/hooks'
 
 import Illustration404 from './404.svg?react'
-import * as s from './_error.page.css'
+import * as s from './ErrorPage.css'
 import ServerDown from './ServerDown.svg?react'
 
 export const Page = () => {

apps/webapp/src/pages/about/index.page.tsx → apps/webapp/src/pages/about/+Page.tsx

@@ -1,7 +1,7 @@
 import { Title } from '@serieslist/core-ui'
 import React from 'react'
 
-import * as s from './index.page.css'
+import * as s from './AboutPage.css'
 import TMDBLogo from './TMDBLogo.svg?react'
 
 export const Page = () => (

apps/webapp/src/pages/index/+guard.ts

@@ -0,0 +1,5 @@
+import type { GuardSync } from 'vike/types'
+
+import { requireNoAuthentication } from '#/utils/redirect'
+
+export const guard: GuardSync = requireNoAuthentication()

apps/webapp/src/renderer/+config.h.ts

@@ -0,0 +1,16 @@
+import type { Config } from 'vike/types'
+
+export default {
+  passToClient: [
+    'pageProps',
+    'routeParams',
+    'documentProps',
+    'apolloInitialState',
+    'currentUser',
+    'theme',
+  ],
+  // Enable client-side routing
+  // https://vike.dev/clientRouting
+  clientRouting: true,
+  hydrationCanBeAborted: true,
+} satisfies Config

apps/webapp/src/renderer/_default.page.client.tsx → apps/webapp/src/renderer/+onRenderClient.tsx

@@ -18,7 +18,7 @@ let root: Root | undefined
  */
 let apollo: ApolloClient<NormalizedCacheObject> | undefined
 
-export function render(pageContext: PageContextClient) {
+export function onRenderClient(pageContext: PageContextClient) {
   const { Page, pageProps } = pageContext
 
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -60,8 +60,3 @@ export function render(pageContext: PageContextClient) {
   }
   document.title = getPageTitle(pageContext)
 }
-
-// Enable client-side routing
-// https://vike.dev/clientRouting
-export const clientRouting = true
-export const hydrationCanBeAborted = true

apps/webapp/src/renderer/_default.page.server.tsx → apps/webapp/src/renderer/+onRenderHtml.tsx

@@ -8,18 +8,9 @@ import { THEME } from '#/utils/theme'
 
 import { PageShell } from './PageShell'
 
-export const passToClient = [
-  'pageProps',
-  'routeParams',
-  'documentProps',
-  'apolloInitialState',
-  'currentUser',
-  'theme',
-]
-
 const isProduction = process.env.NODE_ENV === 'production'
 
-export async function render(pageContext: PageContextServer) {
+export async function onRenderHtml(pageContext: PageContextServer) {
   const { Page, pageProps, theme } = pageContext
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   if (!Page) {

apps/webapp/src/utils/redirect.ts

@@ -0,0 +1,21 @@
+import { redirect } from 'vike/abort'
+import type { GuardSync } from 'vike/types'
+
+const UNAUTHENTICATED_DEFAULT_URL = '/'
+const AUTHENTICATED_DEFAULT_URL = '/series/list/in-progress'
+
+export const requireAuthentication =
+  (redirectTo = UNAUTHENTICATED_DEFAULT_URL): GuardSync =>
+  (pageContext) => {
+    if (!pageContext.currentUser) {
+      throw redirect(redirectTo)
+    }
+  }
+
+export const requireNoAuthentication =
+  (redirectTo = AUTHENTICATED_DEFAULT_URL): GuardSync =>
+  (pageContext) => {
+    if (pageContext.currentUser) {
+      throw redirect(redirectTo)
+    }
+  }