Skip to content

Use automatic route code splitting #4290

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 25, 2025
Merged

Use automatic route code splitting #4290

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2ad86b8
Use automatic route code splitting
sandhose Mar 24, 2025
97bbf3f
Update test snapshots
sandhose Mar 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions frontend/src/gql/gql.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,9 +55,9 @@ type Documents = {
"\n query OAuth2Client($id: ID!) {\n oauth2Client(id: $id) {\n ...OAuth2Client_detail\n }\n }\n": typeof types.OAuth2ClientDocument,
"\n query CurrentViewer {\n viewer {\n __typename\n ... on Node {\n id\n }\n }\n }\n": typeof types.CurrentViewerDocument,
"\n query DeviceRedirect($deviceId: String!, $userId: ID!) {\n session(deviceId: $deviceId, userId: $userId) {\n __typename\n ... on Node {\n id\n }\n }\n }\n": typeof types.DeviceRedirectDocument,
"\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n": typeof types.VerifyEmailDocument,
"\n mutation DoVerifyEmail($id: ID!, $code: String!) {\n completeEmailAuthentication(input: { id: $id, code: $code }) {\n status\n }\n }\n": typeof types.DoVerifyEmailDocument,
"\n mutation ResendEmailAuthenticationCode($id: ID!, $language: String!) {\n resendEmailAuthenticationCode(input: { id: $id, language: $language }) {\n status\n }\n }\n": typeof types.ResendEmailAuthenticationCodeDocument,
"\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n": typeof types.VerifyEmailDocument,
"\n mutation ChangePassword(\n $userId: ID!\n $oldPassword: String!\n $newPassword: String!\n ) {\n setPassword(\n input: {\n userId: $userId\n currentPassword: $oldPassword\n newPassword: $newPassword\n }\n ) {\n status\n }\n }\n": typeof types.ChangePasswordDocument,
"\n query PasswordChange {\n viewer {\n __typename\n ... on Node {\n id\n }\n }\n\n siteConfig {\n ...PasswordCreationDoubleInput_siteConfig\n }\n }\n": typeof types.PasswordChangeDocument,
"\n mutation RecoverPassword($ticket: String!, $newPassword: String!) {\n setPasswordByRecovery(\n input: { ticket: $ticket, newPassword: $newPassword }\n ) {\n status\n }\n }\n": typeof types.RecoverPasswordDocument,
Expand Down Expand Up @@ -109,9 +109,9 @@ const documents: Documents = {
"\n query OAuth2Client($id: ID!) {\n oauth2Client(id: $id) {\n ...OAuth2Client_detail\n }\n }\n": types.OAuth2ClientDocument,
"\n query CurrentViewer {\n viewer {\n __typename\n ... on Node {\n id\n }\n }\n }\n": types.CurrentViewerDocument,
"\n query DeviceRedirect($deviceId: String!, $userId: ID!) {\n session(deviceId: $deviceId, userId: $userId) {\n __typename\n ... on Node {\n id\n }\n }\n }\n": types.DeviceRedirectDocument,
"\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n": types.VerifyEmailDocument,
"\n mutation DoVerifyEmail($id: ID!, $code: String!) {\n completeEmailAuthentication(input: { id: $id, code: $code }) {\n status\n }\n }\n": types.DoVerifyEmailDocument,
"\n mutation ResendEmailAuthenticationCode($id: ID!, $language: String!) {\n resendEmailAuthenticationCode(input: { id: $id, language: $language }) {\n status\n }\n }\n": types.ResendEmailAuthenticationCodeDocument,
"\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n": types.VerifyEmailDocument,
"\n mutation ChangePassword(\n $userId: ID!\n $oldPassword: String!\n $newPassword: String!\n ) {\n setPassword(\n input: {\n userId: $userId\n currentPassword: $oldPassword\n newPassword: $newPassword\n }\n ) {\n status\n }\n }\n": types.ChangePasswordDocument,
"\n query PasswordChange {\n viewer {\n __typename\n ... on Node {\n id\n }\n }\n\n siteConfig {\n ...PasswordCreationDoubleInput_siteConfig\n }\n }\n": types.PasswordChangeDocument,
"\n mutation RecoverPassword($ticket: String!, $newPassword: String!) {\n setPasswordByRecovery(\n input: { ticket: $ticket, newPassword: $newPassword }\n ) {\n status\n }\n }\n": types.RecoverPasswordDocument,
Expand Down Expand Up @@ -286,15 +286,15 @@ export function graphql(source: "\n query DeviceRedirect($deviceId: String!, $u
/**
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
*/
export function graphql(source: "\n mutation DoVerifyEmail($id: ID!, $code: String!) {\n completeEmailAuthentication(input: { id: $id, code: $code }) {\n status\n }\n }\n"): typeof import('./graphql').DoVerifyEmailDocument;
export function graphql(source: "\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n"): typeof import('./graphql').VerifyEmailDocument;
/**
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
*/
export function graphql(source: "\n mutation ResendEmailAuthenticationCode($id: ID!, $language: String!) {\n resendEmailAuthenticationCode(input: { id: $id, language: $language }) {\n status\n }\n }\n"): typeof import('./graphql').ResendEmailAuthenticationCodeDocument;
export function graphql(source: "\n mutation DoVerifyEmail($id: ID!, $code: String!) {\n completeEmailAuthentication(input: { id: $id, code: $code }) {\n status\n }\n }\n"): typeof import('./graphql').DoVerifyEmailDocument;
/**
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
*/
export function graphql(source: "\n query VerifyEmail($id: ID!) {\n userEmailAuthentication(id: $id) {\n id\n email\n completedAt\n }\n }\n"): typeof import('./graphql').VerifyEmailDocument;
export function graphql(source: "\n mutation ResendEmailAuthenticationCode($id: ID!, $language: String!) {\n resendEmailAuthenticationCode(input: { id: $id, language: $language }) {\n status\n }\n }\n"): typeof import('./graphql').ResendEmailAuthenticationCodeDocument;
/**
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
*/
Expand Down
68 changes: 34 additions & 34 deletions frontend/src/gql/graphql.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1849,6 +1849,13 @@ export type DeviceRedirectQueryVariables = Exact<{

export type DeviceRedirectQuery = { __typename?: 'Query', session?: { __typename: 'CompatSession', id: string } | { __typename: 'Oauth2Session', id: string } | null };

export type VerifyEmailQueryVariables = Exact<{
id: Scalars['ID']['input'];
}>;


export type VerifyEmailQuery = { __typename?: 'Query', userEmailAuthentication?: { __typename?: 'UserEmailAuthentication', id: string, email: string, completedAt?: string | null } | null };

export type DoVerifyEmailMutationVariables = Exact<{
id: Scalars['ID']['input'];
code: Scalars['String']['input'];
Expand All @@ -1865,13 +1872,6 @@ export type ResendEmailAuthenticationCodeMutationVariables = Exact<{

export type ResendEmailAuthenticationCodeMutation = { __typename?: 'Mutation', resendEmailAuthenticationCode: { __typename?: 'ResendEmailAuthenticationCodePayload', status: ResendEmailAuthenticationCodeStatus } };

export type VerifyEmailQueryVariables = Exact<{
id: Scalars['ID']['input'];
}>;


export type VerifyEmailQuery = { __typename?: 'Query', userEmailAuthentication?: { __typename?: 'UserEmailAuthentication', id: string, email: string, completedAt?: string | null } | null };

export type ChangePasswordMutationVariables = Exact<{
userId: Scalars['ID']['input'];
oldPassword: Scalars['String']['input'];
Expand Down Expand Up @@ -2705,6 +2705,15 @@ export const DeviceRedirectDocument = new TypedDocumentString(`
}
}
`) as unknown as TypedDocumentString<DeviceRedirectQuery, DeviceRedirectQueryVariables>;
export const VerifyEmailDocument = new TypedDocumentString(`
query VerifyEmail($id: ID!) {
userEmailAuthentication(id: $id) {
id
email
completedAt
}
}
`) as unknown as TypedDocumentString<VerifyEmailQuery, VerifyEmailQueryVariables>;
export const DoVerifyEmailDocument = new TypedDocumentString(`
mutation DoVerifyEmail($id: ID!, $code: String!) {
completeEmailAuthentication(input: {id: $id, code: $code}) {
Expand All @@ -2719,15 +2728,6 @@ export const ResendEmailAuthenticationCodeDocument = new TypedDocumentString(`
}
}
`) as unknown as TypedDocumentString<ResendEmailAuthenticationCodeMutation, ResendEmailAuthenticationCodeMutationVariables>;
export const VerifyEmailDocument = new TypedDocumentString(`
query VerifyEmail($id: ID!) {
userEmailAuthentication(id: $id) {
id
email
completedAt
}
}
`) as unknown as TypedDocumentString<VerifyEmailQuery, VerifyEmailQueryVariables>;
export const ChangePasswordDocument = new TypedDocumentString(`
mutation ChangePassword($userId: ID!, $oldPassword: String!, $newPassword: String!) {
setPassword(
Expand Down Expand Up @@ -3285,19 +3285,19 @@ export const mockDeviceRedirectQuery = (resolver: GraphQLResponseResolver<Device
* @param options Options object to customize the behavior of the mock. ([see more](https://mswjs.io/docs/api/graphql#handler-options))
* @see https://mswjs.io/docs/basics/response-resolver
* @example
* mockDoVerifyEmailMutation(
* mockVerifyEmailQuery(
* ({ query, variables }) => {
* const { id, code } = variables;
* const { id } = variables;
* return HttpResponse.json({
* data: { completeEmailAuthentication }
* data: { userEmailAuthentication }
* })
* },
* requestOptions
* )
*/
export const mockDoVerifyEmailMutation = (resolver: GraphQLResponseResolver<DoVerifyEmailMutation, DoVerifyEmailMutationVariables>, options?: RequestHandlerOptions) =>
graphql.mutation<DoVerifyEmailMutation, DoVerifyEmailMutationVariables>(
'DoVerifyEmail',
export const mockVerifyEmailQuery = (resolver: GraphQLResponseResolver<VerifyEmailQuery, VerifyEmailQueryVariables>, options?: RequestHandlerOptions) =>
graphql.query<VerifyEmailQuery, VerifyEmailQueryVariables>(
'VerifyEmail',
resolver,
options
)
Expand All @@ -3307,19 +3307,19 @@ export const mockDoVerifyEmailMutation = (resolver: GraphQLResponseResolver<DoVe
* @param options Options object to customize the behavior of the mock. ([see more](https://mswjs.io/docs/api/graphql#handler-options))
* @see https://mswjs.io/docs/basics/response-resolver
* @example
* mockResendEmailAuthenticationCodeMutation(
* mockDoVerifyEmailMutation(
* ({ query, variables }) => {
* const { id, language } = variables;
* const { id, code } = variables;
* return HttpResponse.json({
* data: { resendEmailAuthenticationCode }
* data: { completeEmailAuthentication }
* })
* },
* requestOptions
* )
*/
export const mockResendEmailAuthenticationCodeMutation = (resolver: GraphQLResponseResolver<ResendEmailAuthenticationCodeMutation, ResendEmailAuthenticationCodeMutationVariables>, options?: RequestHandlerOptions) =>
graphql.mutation<ResendEmailAuthenticationCodeMutation, ResendEmailAuthenticationCodeMutationVariables>(
'ResendEmailAuthenticationCode',
export const mockDoVerifyEmailMutation = (resolver: GraphQLResponseResolver<DoVerifyEmailMutation, DoVerifyEmailMutationVariables>, options?: RequestHandlerOptions) =>
graphql.mutation<DoVerifyEmailMutation, DoVerifyEmailMutationVariables>(
'DoVerifyEmail',
resolver,
options
)
Expand All @@ -3329,19 +3329,19 @@ export const mockResendEmailAuthenticationCodeMutation = (resolver: GraphQLRespo
* @param options Options object to customize the behavior of the mock. ([see more](https://mswjs.io/docs/api/graphql#handler-options))
* @see https://mswjs.io/docs/basics/response-resolver
* @example
* mockVerifyEmailQuery(
* mockResendEmailAuthenticationCodeMutation(
* ({ query, variables }) => {
* const { id } = variables;
* const { id, language } = variables;
* return HttpResponse.json({
* data: { userEmailAuthentication }
* data: { resendEmailAuthenticationCode }
* })
* },
* requestOptions
* )
*/
export const mockVerifyEmailQuery = (resolver: GraphQLResponseResolver<VerifyEmailQuery, VerifyEmailQueryVariables>, options?: RequestHandlerOptions) =>
graphql.query<VerifyEmailQuery, VerifyEmailQueryVariables>(
'VerifyEmail',
export const mockResendEmailAuthenticationCodeMutation = (resolver: GraphQLResponseResolver<ResendEmailAuthenticationCodeMutation, ResendEmailAuthenticationCodeMutationVariables>, options?: RequestHandlerOptions) =>
graphql.mutation<ResendEmailAuthenticationCodeMutation, ResendEmailAuthenticationCodeMutationVariables>(
'ResendEmailAuthenticationCode',
resolver,
options
)
Expand Down
59 changes: 19 additions & 40 deletions frontend/src/routeTree.gen.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,6 @@
// You should NOT make any changes in this file as it will be overwritten.
// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.

import { createFileRoute } from '@tanstack/react-router'

// Import Routes

import { Route as rootRoute } from './routes/__root'
Expand All @@ -25,16 +23,11 @@ import { Route as ClientsIdImport } from './routes/clients.$id'
import { Route as PasswordRecoveryIndexImport } from './routes/password.recovery.index'
import { Route as PasswordChangeIndexImport } from './routes/password.change.index'
import { Route as AccountSessionsIndexImport } from './routes/_account.sessions.index'
import { Route as PasswordChangeSuccessImport } from './routes/password.change.success'
import { Route as EmailsIdVerifyImport } from './routes/emails.$id.verify'
import { Route as EmailsIdInUseImport } from './routes/emails.$id.in-use'
import { Route as AccountSessionsBrowsersImport } from './routes/_account.sessions.browsers'

// Create Virtual Routes

const PasswordChangeSuccessLazyImport = createFileRoute(
'/password/change/success',
)()

// Create/Update Routes

const ResetCrossSigningRoute = ResetCrossSigningImport.update({
Expand All @@ -46,7 +39,7 @@ const ResetCrossSigningRoute = ResetCrossSigningImport.update({
const AccountRoute = AccountImport.update({
id: '/_account',
getParentRoute: () => rootRoute,
} as any).lazy(() => import('./routes/_account.lazy').then((d) => d.Route))
} as any)

const ResetCrossSigningIndexRoute = ResetCrossSigningIndexImport.update({
id: '/',
Expand All @@ -58,15 +51,13 @@ const AccountIndexRoute = AccountIndexImport.update({
id: '/',
path: '/',
getParentRoute: () => AccountRoute,
} as any).lazy(() =>
import('./routes/_account.index.lazy').then((d) => d.Route),
)
} as any)

const SessionsIdRoute = SessionsIdImport.update({
id: '/sessions/$id',
path: '/sessions/$id',
getParentRoute: () => rootRoute,
} as any).lazy(() => import('./routes/sessions.$id.lazy').then((d) => d.Route))
} as any)

const ResetCrossSigningSuccessRoute = ResetCrossSigningSuccessImport.update({
id: '/success',
Expand All @@ -92,47 +83,37 @@ const ClientsIdRoute = ClientsIdImport.update({
id: '/clients/$id',
path: '/clients/$id',
getParentRoute: () => rootRoute,
} as any).lazy(() => import('./routes/clients.$id.lazy').then((d) => d.Route))
} as any)

const PasswordRecoveryIndexRoute = PasswordRecoveryIndexImport.update({
id: '/password/recovery/',
path: '/password/recovery/',
getParentRoute: () => rootRoute,
} as any).lazy(() =>
import('./routes/password.recovery.index.lazy').then((d) => d.Route),
)
} as any)

const PasswordChangeIndexRoute = PasswordChangeIndexImport.update({
id: '/password/change/',
path: '/password/change/',
getParentRoute: () => rootRoute,
} as any).lazy(() =>
import('./routes/password.change.index.lazy').then((d) => d.Route),
)
} as any)

const AccountSessionsIndexRoute = AccountSessionsIndexImport.update({
id: '/sessions/',
path: '/sessions/',
getParentRoute: () => AccountRoute,
} as any).lazy(() =>
import('./routes/_account.sessions.index.lazy').then((d) => d.Route),
)
} as any)

const PasswordChangeSuccessLazyRoute = PasswordChangeSuccessLazyImport.update({
const PasswordChangeSuccessRoute = PasswordChangeSuccessImport.update({
id: '/password/change/success',
path: '/password/change/success',
getParentRoute: () => rootRoute,
} as any).lazy(() =>
import('./routes/password.change.success.lazy').then((d) => d.Route),
)
} as any)

const EmailsIdVerifyRoute = EmailsIdVerifyImport.update({
id: '/emails/$id/verify',
path: '/emails/$id/verify',
getParentRoute: () => rootRoute,
} as any).lazy(() =>
import('./routes/emails.$id.verify.lazy').then((d) => d.Route),
)
} as any)

const EmailsIdInUseRoute = EmailsIdInUseImport.update({
id: '/emails/$id/in-use',
Expand All @@ -144,9 +125,7 @@ const AccountSessionsBrowsersRoute = AccountSessionsBrowsersImport.update({
id: '/sessions/browsers',
path: '/sessions/browsers',
getParentRoute: () => AccountRoute,
} as any).lazy(() =>
import('./routes/_account.sessions.browsers.lazy').then((d) => d.Route),
)
} as any)

// Populate the FileRoutesByPath interface

Expand Down Expand Up @@ -240,7 +219,7 @@ declare module '@tanstack/react-router' {
id: '/password/change/success'
path: '/password/change/success'
fullPath: '/password/change/success'
preLoaderRoute: typeof PasswordChangeSuccessLazyImport
preLoaderRoute: typeof PasswordChangeSuccessImport
parentRoute: typeof rootRoute
}
'/_account/sessions/': {
Expand Down Expand Up @@ -312,7 +291,7 @@ export interface FileRoutesByFullPath {
'/sessions/browsers': typeof AccountSessionsBrowsersRoute
'/emails/$id/in-use': typeof EmailsIdInUseRoute
'/emails/$id/verify': typeof EmailsIdVerifyRoute
'/password/change/success': typeof PasswordChangeSuccessLazyRoute
'/password/change/success': typeof PasswordChangeSuccessRoute
'/sessions': typeof AccountSessionsIndexRoute
'/password/change': typeof PasswordChangeIndexRoute
'/password/recovery': typeof PasswordRecoveryIndexRoute
Expand All @@ -329,7 +308,7 @@ export interface FileRoutesByTo {
'/sessions/browsers': typeof AccountSessionsBrowsersRoute
'/emails/$id/in-use': typeof EmailsIdInUseRoute
'/emails/$id/verify': typeof EmailsIdVerifyRoute
'/password/change/success': typeof PasswordChangeSuccessLazyRoute
'/password/change/success': typeof PasswordChangeSuccessRoute
'/sessions': typeof AccountSessionsIndexRoute
'/password/change': typeof PasswordChangeIndexRoute
'/password/recovery': typeof PasswordRecoveryIndexRoute
Expand All @@ -349,7 +328,7 @@ export interface FileRoutesById {
'/_account/sessions/browsers': typeof AccountSessionsBrowsersRoute
'/emails/$id/in-use': typeof EmailsIdInUseRoute
'/emails/$id/verify': typeof EmailsIdVerifyRoute
'/password/change/success': typeof PasswordChangeSuccessLazyRoute
'/password/change/success': typeof PasswordChangeSuccessRoute
'/_account/sessions/': typeof AccountSessionsIndexRoute
'/password/change/': typeof PasswordChangeIndexRoute
'/password/recovery/': typeof PasswordRecoveryIndexRoute
Expand Down Expand Up @@ -419,7 +398,7 @@ export interface RootRouteChildren {
SessionsIdRoute: typeof SessionsIdRoute
EmailsIdInUseRoute: typeof EmailsIdInUseRoute
EmailsIdVerifyRoute: typeof EmailsIdVerifyRoute
PasswordChangeSuccessLazyRoute: typeof PasswordChangeSuccessLazyRoute
PasswordChangeSuccessRoute: typeof PasswordChangeSuccessRoute
PasswordChangeIndexRoute: typeof PasswordChangeIndexRoute
PasswordRecoveryIndexRoute: typeof PasswordRecoveryIndexRoute
}
Expand All @@ -432,7 +411,7 @@ const rootRouteChildren: RootRouteChildren = {
SessionsIdRoute: SessionsIdRoute,
EmailsIdInUseRoute: EmailsIdInUseRoute,
EmailsIdVerifyRoute: EmailsIdVerifyRoute,
PasswordChangeSuccessLazyRoute: PasswordChangeSuccessLazyRoute,
PasswordChangeSuccessRoute: PasswordChangeSuccessRoute,
PasswordChangeIndexRoute: PasswordChangeIndexRoute,
PasswordRecoveryIndexRoute: PasswordRecoveryIndexRoute,
}
Expand Down Expand Up @@ -511,7 +490,7 @@ export const routeTree = rootRoute
"filePath": "emails.$id.verify.tsx"
},
"/password/change/success": {
"filePath": "password.change.success.lazy.tsx"
"filePath": "password.change.success.tsx"
},
"/_account/sessions/": {
"filePath": "_account.sessions.index.tsx",
Expand Down
Loading
Loading