- Implemented CodeEditor component using CodeMirror for JavaScript editing. - Added global styles in index.css for consistent UI. - Set up routing with TanStack Router, including root and nested routes. - Created About, C, and Editor routes with respective components. - Integrated CodeEditor into the Editor route for code editing functionality. - Configured TypeScript settings in tsconfig.json for strict type checking. - Established Vite configuration for React and TanStack Router integration.
157 lines
4.3 KiB
TypeScript
157 lines
4.3 KiB
TypeScript
/* eslint-disable */
|
|
|
|
// @ts-nocheck
|
|
|
|
// noinspection JSUnusedGlobalSymbols
|
|
|
|
// This file was automatically generated by TanStack Router.
|
|
// 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 { Route as rootRouteImport } from './routes/__root'
|
|
import { Route as CRouteImport } from './routes/c'
|
|
import { Route as AboutRouteImport } from './routes/about'
|
|
import { Route as IndexRouteImport } from './routes/index'
|
|
import { Route as EditorIndexRouteImport } from './routes/editor/index'
|
|
import { Route as WBRouteImport } from './routes/w/b'
|
|
import { Route as ComponentsDdRouteImport } from './routes/components/dd'
|
|
|
|
const CRoute = CRouteImport.update({
|
|
id: '/c',
|
|
path: '/c',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
const AboutRoute = AboutRouteImport.update({
|
|
id: '/about',
|
|
path: '/about',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
const IndexRoute = IndexRouteImport.update({
|
|
id: '/',
|
|
path: '/',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
const EditorIndexRoute = EditorIndexRouteImport.update({
|
|
id: '/editor/',
|
|
path: '/editor/',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
const WBRoute = WBRouteImport.update({
|
|
id: '/w/b',
|
|
path: '/w/b',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
const ComponentsDdRoute = ComponentsDdRouteImport.update({
|
|
id: '/components/dd',
|
|
path: '/components/dd',
|
|
getParentRoute: () => rootRouteImport,
|
|
} as any)
|
|
|
|
export interface FileRoutesByFullPath {
|
|
'/': typeof IndexRoute
|
|
'/about': typeof AboutRoute
|
|
'/c': typeof CRoute
|
|
'/components/dd': typeof ComponentsDdRoute
|
|
'/w/b': typeof WBRoute
|
|
'/editor/': typeof EditorIndexRoute
|
|
}
|
|
export interface FileRoutesByTo {
|
|
'/': typeof IndexRoute
|
|
'/about': typeof AboutRoute
|
|
'/c': typeof CRoute
|
|
'/components/dd': typeof ComponentsDdRoute
|
|
'/w/b': typeof WBRoute
|
|
'/editor': typeof EditorIndexRoute
|
|
}
|
|
export interface FileRoutesById {
|
|
__root__: typeof rootRouteImport
|
|
'/': typeof IndexRoute
|
|
'/about': typeof AboutRoute
|
|
'/c': typeof CRoute
|
|
'/components/dd': typeof ComponentsDdRoute
|
|
'/w/b': typeof WBRoute
|
|
'/editor/': typeof EditorIndexRoute
|
|
}
|
|
export interface FileRouteTypes {
|
|
fileRoutesByFullPath: FileRoutesByFullPath
|
|
fullPaths: '/' | '/about' | '/c' | '/components/dd' | '/w/b' | '/editor/'
|
|
fileRoutesByTo: FileRoutesByTo
|
|
to: '/' | '/about' | '/c' | '/components/dd' | '/w/b' | '/editor'
|
|
id:
|
|
| '__root__'
|
|
| '/'
|
|
| '/about'
|
|
| '/c'
|
|
| '/components/dd'
|
|
| '/w/b'
|
|
| '/editor/'
|
|
fileRoutesById: FileRoutesById
|
|
}
|
|
export interface RootRouteChildren {
|
|
IndexRoute: typeof IndexRoute
|
|
AboutRoute: typeof AboutRoute
|
|
CRoute: typeof CRoute
|
|
ComponentsDdRoute: typeof ComponentsDdRoute
|
|
WBRoute: typeof WBRoute
|
|
EditorIndexRoute: typeof EditorIndexRoute
|
|
}
|
|
|
|
declare module '@tanstack/react-router' {
|
|
interface FileRoutesByPath {
|
|
'/c': {
|
|
id: '/c'
|
|
path: '/c'
|
|
fullPath: '/c'
|
|
preLoaderRoute: typeof CRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
'/about': {
|
|
id: '/about'
|
|
path: '/about'
|
|
fullPath: '/about'
|
|
preLoaderRoute: typeof AboutRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
'/': {
|
|
id: '/'
|
|
path: '/'
|
|
fullPath: '/'
|
|
preLoaderRoute: typeof IndexRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
'/editor/': {
|
|
id: '/editor/'
|
|
path: '/editor'
|
|
fullPath: '/editor/'
|
|
preLoaderRoute: typeof EditorIndexRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
'/w/b': {
|
|
id: '/w/b'
|
|
path: '/w/b'
|
|
fullPath: '/w/b'
|
|
preLoaderRoute: typeof WBRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
'/components/dd': {
|
|
id: '/components/dd'
|
|
path: '/components/dd'
|
|
fullPath: '/components/dd'
|
|
preLoaderRoute: typeof ComponentsDdRouteImport
|
|
parentRoute: typeof rootRouteImport
|
|
}
|
|
}
|
|
}
|
|
|
|
const rootRouteChildren: RootRouteChildren = {
|
|
IndexRoute: IndexRoute,
|
|
AboutRoute: AboutRoute,
|
|
CRoute: CRoute,
|
|
ComponentsDdRoute: ComponentsDdRoute,
|
|
WBRoute: WBRoute,
|
|
EditorIndexRoute: EditorIndexRoute,
|
|
}
|
|
export const routeTree = rootRouteImport
|
|
._addFileChildren(rootRouteChildren)
|
|
._addFileTypes<FileRouteTypes>()
|