Update geenrated routes

sandhose · sandhose · commit 63f8ff61a1d6 · 2025-06-11T16:30:26.000+02:00
diff --git a/frontend/src/routeTree.gen.ts b/frontend/src/routeTree.gen.ts
diff --git a/frontend/src/routes/_account.index.tsx b/frontend/src/routes/_account.index.tsx
@@ -5,12 +5,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { queryOptions, useSuspenseQuery } from "@tanstack/react-query";
-import {
-  createFileRoute,
-  notFound,
-  redirect,
-  useNavigate,
-} from "@tanstack/react-router";
+import { notFound, redirect, useNavigate } from "@tanstack/react-router";
 import IconSignOut from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
 import { Button, Text } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
@@ -93,7 +88,7 @@ const actionSchema = v.variant("action", [
   ),
 ]);
 
-export const Route = createFileRoute("/_account/")({
+export const Route = createFileRoute({
   validateSearch: actionSchema,
 
   beforeLoad({ search }) {
diff --git a/frontend/src/routes/_account.plan.index.tsx b/frontend/src/routes/_account.plan.index.tsx
@@ -4,7 +4,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { queryOptions, useSuspenseQuery } from "@tanstack/react-query";
-import { Navigate, createFileRoute, redirect } from "@tanstack/react-router";
+import { Navigate, redirect } from "@tanstack/react-router";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { preload } from "react-dom";
 import { graphql } from "../gql";
@@ -23,7 +23,7 @@ export const query = queryOptions({
   queryFn: ({ signal }) => graphqlRequest({ query: QUERY, signal }),
 });
 
-export const Route = createFileRoute("/_account/plan/")({
+export const Route = createFileRoute({
   loader: async ({ context }) => {
     const {
       siteConfig: { planManagementIframeUri },
diff --git a/frontend/src/routes/_account.sessions.browsers.tsx b/frontend/src/routes/_account.sessions.browsers.tsx
@@ -5,7 +5,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { queryOptions, useSuspenseQuery } from "@tanstack/react-query";
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { notFound } from "@tanstack/react-router";
 import { H5 } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import * as v from "valibot";
@@ -93,7 +93,7 @@ const searchSchema = v.intersect([
   anyPaginationSchema,
 ]);
 
-export const Route = createFileRoute("/_account/sessions/browsers")({
+export const Route = createFileRoute({
   validateSearch: searchSchema,
 
   loaderDeps: ({ search: { inactive, ...pagination } }) => ({
diff --git a/frontend/src/routes/_account.sessions.index.tsx b/frontend/src/routes/_account.sessions.index.tsx
@@ -7,7 +7,6 @@
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { queryOptions } from "@tanstack/react-query";
 import { notFound } from "@tanstack/react-router";
-import { createFileRoute } from "@tanstack/react-router";
 import { H3 } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import * as v from "valibot";
@@ -112,7 +111,7 @@ const searchSchema = v.intersect([
   anyPaginationSchema,
 ]);
 
-export const Route = createFileRoute("/_account/sessions/")({
+export const Route = createFileRoute({
   validateSearch: searchSchema,
 
   loaderDeps: ({ search: { inactive, ...pagination } }) => ({
diff --git a/frontend/src/routes/_account.tsx b/frontend/src/routes/_account.tsx
@@ -5,7 +5,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { queryOptions, useSuspenseQuery } from "@tanstack/react-query";
-import { Outlet, createFileRoute, notFound } from "@tanstack/react-router";
+import { Outlet, notFound } from "@tanstack/react-router";
 import { Heading } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import Layout from "../components/Layout";
@@ -36,7 +36,7 @@ const query = queryOptions({
   queryFn: ({ signal }) => graphqlRequest({ query: QUERY, signal }),
 });
 
-export const Route = createFileRoute("/_account")({
+export const Route = createFileRoute({
   loader: ({ context }) => context.queryClient.ensureQueryData(query),
   component: Account,
 });
diff --git a/frontend/src/routes/clients.$id.tsx b/frontend/src/routes/clients.$id.tsx
@@ -7,7 +7,6 @@
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { queryOptions } from "@tanstack/react-query";
 import { notFound } from "@tanstack/react-router";
-import { createFileRoute } from "@tanstack/react-router";
 import OAuth2ClientDetail from "../components/Client/OAuth2ClientDetail";
 import Layout from "../components/Layout";
 import { graphql } from "../gql";
@@ -28,7 +27,7 @@ const query = (id: string) =>
       graphqlRequest({ query: QUERY, variables: { id }, signal }),
   });
 
-export const Route = createFileRoute("/clients/$id")({
+export const Route = createFileRoute({
   loader: ({ context, params }) =>
     context.queryClient.ensureQueryData(query(params.id)),
   component: ClientDetail,
diff --git a/frontend/src/routes/devices.$.tsx b/frontend/src/routes/devices.$.tsx
@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { createFileRoute, notFound, redirect } from "@tanstack/react-router";
+import { notFound, redirect } from "@tanstack/react-router";
 import { Alert } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 
@@ -56,7 +56,7 @@ const query = (deviceId: string, userId: string) =>
       }),
   });
 
-export const Route = createFileRoute("/devices/$")({
+export const Route = createFileRoute({
   async loader({ context, params }) {
     const data = await context.queryClient.fetchQuery(currentViewerQuery);
     if (data.viewer.__typename !== "User")
diff --git a/frontend/src/routes/emails.$id.in-use.tsx b/frontend/src/routes/emails.$id.in-use.tsx
@@ -4,7 +4,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { useSuspenseQuery } from "@tanstack/react-query";
-import { createFileRoute, notFound, redirect } from "@tanstack/react-router";
+import { notFound, redirect } from "@tanstack/react-router";
 import IconArrowLeft from "@vector-im/compound-design-tokens/assets/web/icons/arrow-left";
 import IconErrorSolid from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import { useTranslation } from "react-i18next";
@@ -13,7 +13,7 @@ import Layout from "../components/Layout";
 import PageHeading from "../components/PageHeading";
 import { query } from "./emails.$id.verify";
 
-export const Route = createFileRoute("/emails/$id/in-use")({
+export const Route = createFileRoute({
   async loader({ context, params }): Promise<void> {
     const data = await context.queryClient.ensureQueryData(query(params.id));
     if (!data.userEmailAuthentication) {
diff --git a/frontend/src/routes/emails.$id.verify.tsx b/frontend/src/routes/emails.$id.verify.tsx
@@ -10,12 +10,7 @@ import {
   useQueryClient,
   useSuspenseQuery,
 } from "@tanstack/react-query";
-import {
-  createFileRoute,
-  notFound,
-  redirect,
-  useNavigate,
-} from "@tanstack/react-router";
+import { notFound, redirect, useNavigate } from "@tanstack/react-router";
 import IconArrowLeft from "@vector-im/compound-design-tokens/assets/web/icons/arrow-left";
 import IconSend from "@vector-im/compound-design-tokens/assets/web/icons/send-solid";
 import { Alert, Button, Form } from "@vector-im/compound-web";
@@ -61,7 +56,7 @@ export const query = (id: string) =>
       graphqlRequest({ query: QUERY, signal, variables: { id } }),
   });
 
-export const Route = createFileRoute("/emails/$id/verify")({
+export const Route = createFileRoute({
   async loader({ context, params }): Promise<void> {
     const data = await context.queryClient.ensureQueryData(query(params.id));
     if (!data.userEmailAuthentication) {
diff --git a/frontend/src/routes/password.change.index.tsx b/frontend/src/routes/password.change.index.tsx
@@ -9,7 +9,7 @@ import {
   useMutation,
   useSuspenseQuery,
 } from "@tanstack/react-query";
-import { createFileRoute, notFound, useRouter } from "@tanstack/react-router";
+import { notFound, useRouter } from "@tanstack/react-router";
 import IconLockSolid from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
 import { Alert, Form } from "@vector-im/compound-web";
 import { type FormEvent, useRef } from "react";
@@ -62,7 +62,7 @@ const query = queryOptions({
   queryFn: ({ signal }) => graphqlRequest({ query: QUERY, signal }),
 });
 
-export const Route = createFileRoute("/password/change/")({
+export const Route = createFileRoute({
   loader: ({ context }) => context.queryClient.ensureQueryData(query),
   component: ChangePassword,
 });
diff --git a/frontend/src/routes/password.change.success.tsx b/frontend/src/routes/password.change.success.tsx
@@ -4,14 +4,13 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { createFileRoute } from "@tanstack/react-router";
 import IconCheckCircle from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
 import { useTranslation } from "react-i18next";
 import { ButtonLink } from "../components/ButtonLink";
 import Layout from "../components/Layout";
 import PageHeading from "../components/PageHeading";
 
-export const Route = createFileRoute("/password/change/success")({
+export const Route = createFileRoute({
   component: ChangePasswordSuccess,
 });
 
diff --git a/frontend/src/routes/password.recovery.index.tsx b/frontend/src/routes/password.recovery.index.tsx
@@ -7,7 +7,7 @@
 import { useMutation, useSuspenseQuery } from "@tanstack/react-query";
 import { queryOptions } from "@tanstack/react-query";
 import { useNavigate, useSearch } from "@tanstack/react-router";
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { notFound } from "@tanstack/react-router";
 import IconErrorSolid from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import IconLockSolid from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
 import { Alert, Button, Form } from "@vector-im/compound-web";
@@ -80,7 +80,7 @@ const schema = v.object({
   ticket: v.string(),
 });
 
-export const Route = createFileRoute("/password/recovery/")({
+export const Route = createFileRoute({
   validateSearch: schema,
 
   loaderDeps: ({ search: { ticket } }) => ({ ticket }),
diff --git a/frontend/src/routes/reset-cross-signing.cancelled.tsx b/frontend/src/routes/reset-cross-signing.cancelled.tsx
@@ -3,13 +3,12 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { createFileRoute } from "@tanstack/react-router";
 import IconKeyOffSolid from "@vector-im/compound-design-tokens/assets/web/icons/key-off-solid";
 import { Text } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import PageHeading from "../components/PageHeading";
 
-export const Route = createFileRoute("/reset-cross-signing/cancelled")({
+export const Route = createFileRoute({
   component: () => {
     const { t } = useTranslation();
     return (
diff --git a/frontend/src/routes/reset-cross-signing.index.tsx b/frontend/src/routes/reset-cross-signing.index.tsx
@@ -9,7 +9,7 @@ import {
   useMutation,
   useSuspenseQuery,
 } from "@tanstack/react-query";
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { notFound } from "@tanstack/react-router";
 import IconCheck from "@vector-im/compound-design-tokens/assets/web/icons/check";
 import IconErrorSolid from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import IconInfo from "@vector-im/compound-design-tokens/assets/web/icons/info";
@@ -46,7 +46,7 @@ const currentViewerQuery = queryOptions({
     }),
 });
 
-export const Route = createFileRoute("/reset-cross-signing/")({
+export const Route = createFileRoute({
   loader: ({ context }) =>
     context.queryClient.ensureQueryData(currentViewerQuery),
 
diff --git a/frontend/src/routes/reset-cross-signing.success.tsx b/frontend/src/routes/reset-cross-signing.success.tsx
@@ -3,7 +3,6 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { createFileRoute } from "@tanstack/react-router";
 import IconCheckCircleSolid from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
 import { Text } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
@@ -13,7 +12,7 @@ import PageHeading from "../components/PageHeading";
 // https://github.com/element-hq/synapse/blob/34b758644611721911a223814a7b35d8e14067e6/synapse/rest/admin/users.py#L1335
 const CROSS_SIGNING_REPLACEMENT_PERIOD_MS = 10 * 60 * 1000; // 10 minutes
 
-export const Route = createFileRoute("/reset-cross-signing/success")({
+export const Route = createFileRoute({
   component: () => {
     const { t } = useTranslation();
     return (
diff --git a/frontend/src/routes/reset-cross-signing.tsx b/frontend/src/routes/reset-cross-signing.tsx
@@ -3,11 +3,7 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import {
-  type ErrorComponentProps,
-  Outlet,
-  createFileRoute,
-} from "@tanstack/react-router";
+import { type ErrorComponentProps, Outlet } from "@tanstack/react-router";
 import IconErrorSolid from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import { Button, Text } from "@vector-im/compound-web";
 import * as v from "valibot";
@@ -20,7 +16,7 @@ const searchSchema = v.object({
   deepLink: v.optional(v.boolean()),
 });
 
-export const Route = createFileRoute("/reset-cross-signing")({
+export const Route = createFileRoute({
   validateSearch: searchSchema,
   component: () => (
     <Layout>
diff --git a/frontend/src/routes/sessions.$id.tsx b/frontend/src/routes/sessions.$id.tsx
@@ -5,7 +5,7 @@
 // Please see LICENSE in the repository root for full details.
 
 import { queryOptions, useSuspenseQuery } from "@tanstack/react-query";
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { notFound } from "@tanstack/react-router";
 import { Alert } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import Layout from "../components/Layout";
@@ -41,7 +41,7 @@ const query = (id: string) =>
       graphqlRequest({ query: QUERY, signal, variables: { id } }),
   });
 
-export const Route = createFileRoute("/sessions/$id")({
+export const Route = createFileRoute({
   loader: ({ context, params }) =>
     context.queryClient.ensureQueryData(query(params.id)),
   notFoundComponent: NotFound,
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -8,7 +8,7 @@ import { readFile, writeFile } from "node:fs/promises";
 import { resolve } from "node:path";
 
 import { codecovVitePlugin } from "@codecov/vite-plugin";
-import { TanStackRouterVite as tanStackRouter } from "@tanstack/router-plugin/vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import browserslistToEsbuild from "browserslist-to-esbuild";
 import type { Manifest, PluginOption } from "vite";
@@ -66,9 +66,10 @@ export default defineConfig((env) => ({
   plugins: [
     codegen(),
 
-    tanStackRouter({
+    tanstackRouter({
       target: "react",
       autoCodeSplitting: true,
+      verboseFileRoutes: false,
     }),
 
     react(),
