typescript 7.0 (tsgo)

.vscode/extensions.json

@@ -4,6 +4,7 @@
     "dbaeumer.vscode-eslint",
     "usernamehw.errorlens",
     "mikestead.dotenv",
-    "styled-components.vscode-styled-components"
+    "styled-components.vscode-styled-components",
+    "typescriptteam.native-preview"
   ]
 }

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.experimental.useTsgo": true
+}

package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite build --mode dev",
-    "build": "tsc -b && vite build",
+    "build": "tsgo -b && vite build",
     "lint": "eslint .",
     "format": "prettier --write .",
     "commit": "npm run lint && npm run format && npm run build",
@@ -18,6 +18,7 @@
     "@eslint/js": "^9.29.0",
     "@linaria/core": "^6.3.0",
     "@types/node": "^24.0.3",
+    "@typescript/native-preview": "^7.0.0-dev.20251203.1",
     "@vanilla-extract/css": "^1.17.5",
     "@vanilla-extract/vite-plugin": "^5.1.3",
     "@wyw-in-js/babel-preset": "^0.7.0",
@@ -30,7 +31,6 @@
     "prettier": "3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "sass-embedded": "^1.89.2",
-    "typescript": "^5.8.3",
     "typescript-eslint": "^8.34.1",
     "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^7.2.4"

styles/components/filelist.ts

@@ -101,11 +101,13 @@ export const repoFiles = css`
         background: ${themeVars.color.body};
         min-height: 48px;
         padding: 0px 8px !important;
+        overflow-x: visible;
         svg {
           color: ${themeVars.color.text.light.num1};
         }
         .file-header-left {
-          padding: 8px !important;
+          padding: 6px 8px !important;
+          line-height: 1.45;
           // 伪元素宽度等于按钮宽度而不是父元素宽度
           position: relative;
           &:hover {
@@ -116,7 +118,7 @@ export const repoFiles = css`
             content: "";
             background: ${themeVars.github.underlineNav.borderColor.active};
             border-radius: ${otherThemeVars.border.radius};
-            bottom: -7px;
+            bottom: -8px;
             left: 0;
             height: 2px;
             position: absolute;
@@ -127,9 +129,19 @@ export const repoFiles = css`
             text-decoration-line: none;
           }
         }
-        .file-header-right:hover {
-          background: ${themeVars.github.control.transparent.bgColor.hover};
-          border-radius: ${otherThemeVars.border.radius};
+        .file-header-right {
+          .btn-octicon {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0px 8px;
+            border-radius: ${otherThemeVars.border.radius};
+            height: 28px;
+            width: 28px;
+            &:hover {
+              background: ${themeVars.github.control.transparent.bgColor.hover};
+            }
+          }
         }
       }
     }

tsconfig.json

@@ -30,11 +30,11 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
     "paths": {
-      "src/*": ["src/*"],
-      "styles/*": ["styles/*"],
-      "themes/*": ["themes/*", "themes/*.css"]
+      "*": ["./*"],
+      "src/*": ["./src/*"],
+      "styles/*": ["./styles/*"],
+      "themes/*": ["./themes/*", "./themes/*.css"]
     }
   },
   "include": ["src", "styles", "themes", "vite.config.ts"]