Moves routes inside an _app for the header and builds a print route

This commit is contained in:
2025-06-01 12:34:02 -07:00
parent 9cfdfbaf23
commit bef5e98480
21 changed files with 527 additions and 211 deletions

View File

@@ -11,208 +11,258 @@
// Import Routes
import { Route as rootRoute } from './routes/__root'
import { Route as LoginImport } from './routes/login'
import { Route as AboutImport } from './routes/about'
import { Route as AuthenticatedImport } from './routes/_authenticated'
import { Route as IndexImport } from './routes/index'
import { Route as AuthenticatedCampaignsIndexImport } from './routes/_authenticated/campaigns.index'
import { Route as AuthenticatedDocumentDocumentIdImport } from './routes/_authenticated/document.$documentId'
import { Route as AuthenticatedCampaignsCampaignIdImport } from './routes/_authenticated/campaigns.$campaignId'
import { Route as AppImport } from './routes/_app'
import { Route as AppIndexImport } from './routes/_app/index'
import { Route as AppLoginImport } from './routes/_app/login'
import { Route as AppAboutImport } from './routes/_app/about'
import { Route as AppAuthenticatedImport } from './routes/_app/_authenticated'
import { Route as AppAuthenticatedCampaignsIndexImport } from './routes/_app/_authenticated/campaigns.index'
import { Route as AppAuthenticatedDocumentDocumentIdImport } from './routes/_app/_authenticated/document.$documentId'
import { Route as AppAuthenticatedCampaignsCampaignIdImport } from './routes/_app/_authenticated/campaigns.$campaignId'
import { Route as AppauthenticatedDocumentDocumentIdPrintImport } from './routes/_app_._authenticated.document_.$documentId.print'
// Create/Update Routes
const LoginRoute = LoginImport.update({
id: '/login',
path: '/login',
const AppRoute = AppImport.update({
id: '/_app',
getParentRoute: () => rootRoute,
} as any)
const AboutRoute = AboutImport.update({
id: '/about',
path: '/about',
getParentRoute: () => rootRoute,
} as any)
const AuthenticatedRoute = AuthenticatedImport.update({
id: '/_authenticated',
getParentRoute: () => rootRoute,
} as any)
const IndexRoute = IndexImport.update({
const AppIndexRoute = AppIndexImport.update({
id: '/',
path: '/',
getParentRoute: () => rootRoute,
getParentRoute: () => AppRoute,
} as any)
const AuthenticatedCampaignsIndexRoute =
AuthenticatedCampaignsIndexImport.update({
const AppLoginRoute = AppLoginImport.update({
id: '/login',
path: '/login',
getParentRoute: () => AppRoute,
} as any)
const AppAboutRoute = AppAboutImport.update({
id: '/about',
path: '/about',
getParentRoute: () => AppRoute,
} as any)
const AppAuthenticatedRoute = AppAuthenticatedImport.update({
id: '/_authenticated',
getParentRoute: () => AppRoute,
} as any)
const AppAuthenticatedCampaignsIndexRoute =
AppAuthenticatedCampaignsIndexImport.update({
id: '/campaigns/',
path: '/campaigns/',
getParentRoute: () => AuthenticatedRoute,
getParentRoute: () => AppAuthenticatedRoute,
} as any)
const AuthenticatedDocumentDocumentIdRoute =
AuthenticatedDocumentDocumentIdImport.update({
const AppAuthenticatedDocumentDocumentIdRoute =
AppAuthenticatedDocumentDocumentIdImport.update({
id: '/document/$documentId',
path: '/document/$documentId',
getParentRoute: () => AuthenticatedRoute,
getParentRoute: () => AppAuthenticatedRoute,
} as any)
const AuthenticatedCampaignsCampaignIdRoute =
AuthenticatedCampaignsCampaignIdImport.update({
const AppAuthenticatedCampaignsCampaignIdRoute =
AppAuthenticatedCampaignsCampaignIdImport.update({
id: '/campaigns/$campaignId',
path: '/campaigns/$campaignId',
getParentRoute: () => AuthenticatedRoute,
getParentRoute: () => AppAuthenticatedRoute,
} as any)
const AppauthenticatedDocumentDocumentIdPrintRoute =
AppauthenticatedDocumentDocumentIdPrintImport.update({
id: '/_app_/_authenticated/document_/$documentId/print',
path: '/document/$documentId/print',
getParentRoute: () => rootRoute,
} as any)
// Populate the FileRoutesByPath interface
declare module '@tanstack/react-router' {
interface FileRoutesByPath {
'/': {
id: '/'
path: '/'
fullPath: '/'
preLoaderRoute: typeof IndexImport
parentRoute: typeof rootRoute
}
'/_authenticated': {
id: '/_authenticated'
'/_app': {
id: '/_app'
path: ''
fullPath: ''
preLoaderRoute: typeof AuthenticatedImport
preLoaderRoute: typeof AppImport
parentRoute: typeof rootRoute
}
'/about': {
id: '/about'
'/_app/_authenticated': {
id: '/_app/_authenticated'
path: ''
fullPath: ''
preLoaderRoute: typeof AppAuthenticatedImport
parentRoute: typeof AppImport
}
'/_app/about': {
id: '/_app/about'
path: '/about'
fullPath: '/about'
preLoaderRoute: typeof AboutImport
parentRoute: typeof rootRoute
preLoaderRoute: typeof AppAboutImport
parentRoute: typeof AppImport
}
'/login': {
id: '/login'
'/_app/login': {
id: '/_app/login'
path: '/login'
fullPath: '/login'
preLoaderRoute: typeof LoginImport
parentRoute: typeof rootRoute
preLoaderRoute: typeof AppLoginImport
parentRoute: typeof AppImport
}
'/_authenticated/campaigns/$campaignId': {
id: '/_authenticated/campaigns/$campaignId'
'/_app/': {
id: '/_app/'
path: '/'
fullPath: '/'
preLoaderRoute: typeof AppIndexImport
parentRoute: typeof AppImport
}
'/_app/_authenticated/campaigns/$campaignId': {
id: '/_app/_authenticated/campaigns/$campaignId'
path: '/campaigns/$campaignId'
fullPath: '/campaigns/$campaignId'
preLoaderRoute: typeof AuthenticatedCampaignsCampaignIdImport
parentRoute: typeof AuthenticatedImport
preLoaderRoute: typeof AppAuthenticatedCampaignsCampaignIdImport
parentRoute: typeof AppAuthenticatedImport
}
'/_authenticated/document/$documentId': {
id: '/_authenticated/document/$documentId'
'/_app/_authenticated/document/$documentId': {
id: '/_app/_authenticated/document/$documentId'
path: '/document/$documentId'
fullPath: '/document/$documentId'
preLoaderRoute: typeof AuthenticatedDocumentDocumentIdImport
parentRoute: typeof AuthenticatedImport
preLoaderRoute: typeof AppAuthenticatedDocumentDocumentIdImport
parentRoute: typeof AppAuthenticatedImport
}
'/_authenticated/campaigns/': {
id: '/_authenticated/campaigns/'
'/_app/_authenticated/campaigns/': {
id: '/_app/_authenticated/campaigns/'
path: '/campaigns'
fullPath: '/campaigns'
preLoaderRoute: typeof AuthenticatedCampaignsIndexImport
parentRoute: typeof AuthenticatedImport
preLoaderRoute: typeof AppAuthenticatedCampaignsIndexImport
parentRoute: typeof AppAuthenticatedImport
}
'/_app_/_authenticated/document_/$documentId/print': {
id: '/_app_/_authenticated/document_/$documentId/print'
path: '/document/$documentId/print'
fullPath: '/document/$documentId/print'
preLoaderRoute: typeof AppauthenticatedDocumentDocumentIdPrintImport
parentRoute: typeof rootRoute
}
}
}
// Create and export the route tree
interface AuthenticatedRouteChildren {
AuthenticatedCampaignsCampaignIdRoute: typeof AuthenticatedCampaignsCampaignIdRoute
AuthenticatedDocumentDocumentIdRoute: typeof AuthenticatedDocumentDocumentIdRoute
AuthenticatedCampaignsIndexRoute: typeof AuthenticatedCampaignsIndexRoute
interface AppAuthenticatedRouteChildren {
AppAuthenticatedCampaignsCampaignIdRoute: typeof AppAuthenticatedCampaignsCampaignIdRoute
AppAuthenticatedDocumentDocumentIdRoute: typeof AppAuthenticatedDocumentDocumentIdRoute
AppAuthenticatedCampaignsIndexRoute: typeof AppAuthenticatedCampaignsIndexRoute
}
const AuthenticatedRouteChildren: AuthenticatedRouteChildren = {
AuthenticatedCampaignsCampaignIdRoute: AuthenticatedCampaignsCampaignIdRoute,
AuthenticatedDocumentDocumentIdRoute: AuthenticatedDocumentDocumentIdRoute,
AuthenticatedCampaignsIndexRoute: AuthenticatedCampaignsIndexRoute,
const AppAuthenticatedRouteChildren: AppAuthenticatedRouteChildren = {
AppAuthenticatedCampaignsCampaignIdRoute:
AppAuthenticatedCampaignsCampaignIdRoute,
AppAuthenticatedDocumentDocumentIdRoute:
AppAuthenticatedDocumentDocumentIdRoute,
AppAuthenticatedCampaignsIndexRoute: AppAuthenticatedCampaignsIndexRoute,
}
const AuthenticatedRouteWithChildren = AuthenticatedRoute._addFileChildren(
AuthenticatedRouteChildren,
)
const AppAuthenticatedRouteWithChildren =
AppAuthenticatedRoute._addFileChildren(AppAuthenticatedRouteChildren)
interface AppRouteChildren {
AppAuthenticatedRoute: typeof AppAuthenticatedRouteWithChildren
AppAboutRoute: typeof AppAboutRoute
AppLoginRoute: typeof AppLoginRoute
AppIndexRoute: typeof AppIndexRoute
}
const AppRouteChildren: AppRouteChildren = {
AppAuthenticatedRoute: AppAuthenticatedRouteWithChildren,
AppAboutRoute: AppAboutRoute,
AppLoginRoute: AppLoginRoute,
AppIndexRoute: AppIndexRoute,
}
const AppRouteWithChildren = AppRoute._addFileChildren(AppRouteChildren)
export interface FileRoutesByFullPath {
'/': typeof IndexRoute
'': typeof AuthenticatedRouteWithChildren
'/about': typeof AboutRoute
'/login': typeof LoginRoute
'/campaigns/$campaignId': typeof AuthenticatedCampaignsCampaignIdRoute
'/document/$documentId': typeof AuthenticatedDocumentDocumentIdRoute
'/campaigns': typeof AuthenticatedCampaignsIndexRoute
'': typeof AppAuthenticatedRouteWithChildren
'/about': typeof AppAboutRoute
'/login': typeof AppLoginRoute
'/': typeof AppIndexRoute
'/campaigns/$campaignId': typeof AppAuthenticatedCampaignsCampaignIdRoute
'/document/$documentId': typeof AppAuthenticatedDocumentDocumentIdRoute
'/campaigns': typeof AppAuthenticatedCampaignsIndexRoute
'/document/$documentId/print': typeof AppauthenticatedDocumentDocumentIdPrintRoute
}
export interface FileRoutesByTo {
'/': typeof IndexRoute
'': typeof AuthenticatedRouteWithChildren
'/about': typeof AboutRoute
'/login': typeof LoginRoute
'/campaigns/$campaignId': typeof AuthenticatedCampaignsCampaignIdRoute
'/document/$documentId': typeof AuthenticatedDocumentDocumentIdRoute
'/campaigns': typeof AuthenticatedCampaignsIndexRoute
'': typeof AppAuthenticatedRouteWithChildren
'/about': typeof AppAboutRoute
'/login': typeof AppLoginRoute
'/': typeof AppIndexRoute
'/campaigns/$campaignId': typeof AppAuthenticatedCampaignsCampaignIdRoute
'/document/$documentId': typeof AppAuthenticatedDocumentDocumentIdRoute
'/campaigns': typeof AppAuthenticatedCampaignsIndexRoute
'/document/$documentId/print': typeof AppauthenticatedDocumentDocumentIdPrintRoute
}
export interface FileRoutesById {
__root__: typeof rootRoute
'/': typeof IndexRoute
'/_authenticated': typeof AuthenticatedRouteWithChildren
'/about': typeof AboutRoute
'/login': typeof LoginRoute
'/_authenticated/campaigns/$campaignId': typeof AuthenticatedCampaignsCampaignIdRoute
'/_authenticated/document/$documentId': typeof AuthenticatedDocumentDocumentIdRoute
'/_authenticated/campaigns/': typeof AuthenticatedCampaignsIndexRoute
'/_app': typeof AppRouteWithChildren
'/_app/_authenticated': typeof AppAuthenticatedRouteWithChildren
'/_app/about': typeof AppAboutRoute
'/_app/login': typeof AppLoginRoute
'/_app/': typeof AppIndexRoute
'/_app/_authenticated/campaigns/$campaignId': typeof AppAuthenticatedCampaignsCampaignIdRoute
'/_app/_authenticated/document/$documentId': typeof AppAuthenticatedDocumentDocumentIdRoute
'/_app/_authenticated/campaigns/': typeof AppAuthenticatedCampaignsIndexRoute
'/_app_/_authenticated/document_/$documentId/print': typeof AppauthenticatedDocumentDocumentIdPrintRoute
}
export interface FileRouteTypes {
fileRoutesByFullPath: FileRoutesByFullPath
fullPaths:
| '/'
| ''
| '/about'
| '/login'
| '/'
| '/campaigns/$campaignId'
| '/document/$documentId'
| '/campaigns'
| '/document/$documentId/print'
fileRoutesByTo: FileRoutesByTo
to:
| '/'
| ''
| '/about'
| '/login'
| '/'
| '/campaigns/$campaignId'
| '/document/$documentId'
| '/campaigns'
| '/document/$documentId/print'
id:
| '__root__'
| '/'
| '/_authenticated'
| '/about'
| '/login'
| '/_authenticated/campaigns/$campaignId'
| '/_authenticated/document/$documentId'
| '/_authenticated/campaigns/'
| '/_app'
| '/_app/_authenticated'
| '/_app/about'
| '/_app/login'
| '/_app/'
| '/_app/_authenticated/campaigns/$campaignId'
| '/_app/_authenticated/document/$documentId'
| '/_app/_authenticated/campaigns/'
| '/_app_/_authenticated/document_/$documentId/print'
fileRoutesById: FileRoutesById
}
export interface RootRouteChildren {
IndexRoute: typeof IndexRoute
AuthenticatedRoute: typeof AuthenticatedRouteWithChildren
AboutRoute: typeof AboutRoute
LoginRoute: typeof LoginRoute
AppRoute: typeof AppRouteWithChildren
AppauthenticatedDocumentDocumentIdPrintRoute: typeof AppauthenticatedDocumentDocumentIdPrintRoute
}
const rootRouteChildren: RootRouteChildren = {
IndexRoute: IndexRoute,
AuthenticatedRoute: AuthenticatedRouteWithChildren,
AboutRoute: AboutRoute,
LoginRoute: LoginRoute,
AppRoute: AppRouteWithChildren,
AppauthenticatedDocumentDocumentIdPrintRoute:
AppauthenticatedDocumentDocumentIdPrintRoute,
}
export const routeTree = rootRoute
@@ -225,40 +275,54 @@ export const routeTree = rootRoute
"__root__": {
"filePath": "__root.tsx",
"children": [
"/",
"/_authenticated",
"/about",
"/login"
"/_app",
"/_app_/_authenticated/document_/$documentId/print"
]
},
"/": {
"filePath": "index.tsx"
},
"/_authenticated": {
"filePath": "_authenticated.tsx",
"/_app": {
"filePath": "_app.tsx",
"children": [
"/_authenticated/campaigns/$campaignId",
"/_authenticated/document/$documentId",
"/_authenticated/campaigns/"
"/_app/_authenticated",
"/_app/about",
"/_app/login",
"/_app/"
]
},
"/about": {
"filePath": "about.tsx"
"/_app/_authenticated": {
"filePath": "_app/_authenticated.tsx",
"parent": "/_app",
"children": [
"/_app/_authenticated/campaigns/$campaignId",
"/_app/_authenticated/document/$documentId",
"/_app/_authenticated/campaigns/"
]
},
"/login": {
"filePath": "login.tsx"
"/_app/about": {
"filePath": "_app/about.tsx",
"parent": "/_app"
},
"/_authenticated/campaigns/$campaignId": {
"filePath": "_authenticated/campaigns.$campaignId.tsx",
"parent": "/_authenticated"
"/_app/login": {
"filePath": "_app/login.tsx",
"parent": "/_app"
},
"/_authenticated/document/$documentId": {
"filePath": "_authenticated/document.$documentId.tsx",
"parent": "/_authenticated"
"/_app/": {
"filePath": "_app/index.tsx",
"parent": "/_app"
},
"/_authenticated/campaigns/": {
"filePath": "_authenticated/campaigns.index.tsx",
"parent": "/_authenticated"
"/_app/_authenticated/campaigns/$campaignId": {
"filePath": "_app/_authenticated/campaigns.$campaignId.tsx",
"parent": "/_app/_authenticated"
},
"/_app/_authenticated/document/$documentId": {
"filePath": "_app/_authenticated/document.$documentId.tsx",
"parent": "/_app/_authenticated"
},
"/_app/_authenticated/campaigns/": {
"filePath": "_app/_authenticated/campaigns.index.tsx",
"parent": "/_app/_authenticated"
},
"/_app_/_authenticated/document_/$documentId/print": {
"filePath": "_app_._authenticated.document_.$documentId.print.tsx"
}
}
}