feat: add CodeMirror-based code editor component and routing setup

- 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.
2026-01-28 02:22:44 +08:00
commit 4cbec4ed1d
17 changed files with 2313 additions and 0 deletions
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,156 @@
+/* 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>()